#beauty-ocean-concepts .bo-avatar-cropper{border:1px solid var(--bo-line);color:#000;background:#fff;border-radius:20px;width:min(440px,100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow:auto}#beauty-ocean-concepts .bo-avatar-cropper::backdrop{background:#0007}#beauty-ocean-concepts .bo-avatar-cropper header,#beauty-ocean-concepts .bo-avatar-cropper footer{justify-content:space-between;align-items:center;gap:12px;display:flex}#beauty-ocean-concepts .bo-avatar-cropper h2{margin:0;font-size:24px}#beauty-ocean-concepts .bo-avatar-crop-canvas{touch-action:none;cursor:grab;border-radius:14px;width:min(100%,280px);height:auto;margin:auto;display:block}#beauty-ocean-concepts .bo-avatar-crop-controls{border:0;gap:8px;min-width:0;padding:16px 0;display:grid}#beauty-ocean-concepts .bo-avatar-crop-controls label{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px;font-size:13px;display:grid}#beauty-ocean-concepts .bo-avatar-crop-controls input{accent-color:#000;width:100%;min-width:0;height:36px}#beauty-ocean-concepts .bo-avatar-cropper{margin:auto;inset:0}
#beauty-ocean-concepts .bo-wizard-section{border:0;min-width:0;margin:0;padding:0}#beauty-ocean-concepts .bo-wizard-section[hidden],#beauty-ocean-concepts .bo-profile-wizard [hidden]{display:none}#beauty-ocean-concepts .bo-profile-wizard-shell{max-width:900px;margin-inline:auto}#beauty-ocean-concepts .bo-profile-wizard{width:100%}#beauty-ocean-concepts .bo-profile-wizard .bo-profile-form-grid{display:block}#beauty-ocean-concepts .bo-profile-wizard .bo-profile-form-grid>.bo-panel:has(>.bo-wizard-section[hidden]):not(:has(>.bo-wizard-section:not([hidden]))){display:none}#beauty-ocean-concepts .bo-profile-wizard .bo-profile-form-aside{display:block}#beauty-ocean-concepts .bo-profile-wizard .bo-panel{border:0;padding:0}#beauty-ocean-concepts .bo-profile-wizard .bo-profile-form-aside .bo-panel+.bo-panel{margin-top:0}#beauty-ocean-concepts .bo-wizard-progress ol{flex-wrap:wrap;gap:8px 0;margin:0 0 32px;padding:0;list-style:none;display:flex}#beauty-ocean-concepts .bo-wizard-progress li{align-items:center;display:flex}#beauty-ocean-concepts .bo-wizard-progress li+li:before{content:"/";color:var(--muted,#666);margin-inline:10px}#beauty-ocean-concepts .bo-wizard-progress button{border:1px solid var(--line,#ddd);color:#000;min-height:44px;font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:10px 16px;font-size:14px}#beauty-ocean-concepts .bo-wizard-progress button[aria-current=step]{color:#fff;background:#000;border-color:#000}#beauty-ocean-concepts .bo-wizard-progress button:disabled{color:#666;cursor:default}#beauty-ocean-concepts .bo-wizard-progress button:focus-visible{outline-offset:3px;outline:2px solid #000}#beauty-ocean-concepts .bo-wizard-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-block:0 28px;display:flex}#beauty-ocean-concepts .bo-wizard-heading span{color:#666;white-space:nowrap;font-size:14px;font-weight:400}#beauty-ocean-concepts .bo-wizard-heading:focus{outline:none}#beauty-ocean-concepts .bo-profile-wizard .bo-profile-save{border-top:1px solid var(--line,#ddd);margin-top:32px;padding-top:24px}#beauty-ocean-concepts .bo-profile-wizard .bo-service-editor{margin-top:20px}@media (max-width:600px){#beauty-ocean-concepts .bo-wizard-progress ol{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;display:grid}#beauty-ocean-concepts .bo-wizard-progress li+li:before{display:none}#beauty-ocean-concepts .bo-wizard-progress button{width:100%;padding-inline:8px;font-size:12px}#beauty-ocean-concepts .bo-wizard-heading{font-size:24px}#beauty-ocean-concepts .bo-profile-wizard .bo-profile-save .bo-row{flex-wrap:wrap;display:flex}#beauty-ocean-concepts .bo-profile-wizard .bo-profile-save .bo-button{flex:auto}}#beauty-ocean-concepts .bo-profile-form #username-status{min-height:3em;line-height:1.5}#beauty-ocean-concepts .bo-profile-extras{border:0;min-width:0;margin:28px 0 0;padding:0}#beauty-ocean-concepts .bo-profile-extras legend{margin-bottom:12px;padding:0;font-weight:600}#beauty-ocean-concepts .bo-wizard-service-groups{gap:28px;display:grid}#beauty-ocean-concepts .bo-service-guide{border:1px solid var(--bo-line);color:#000;background:#fff;border-radius:24px;gap:16px;margin:0 0 28px;padding:20px;display:grid}#beauty-ocean-concepts .bo-service-guide p{margin:0;font-size:15px;line-height:1.6}#beauty-ocean-concepts .bo-service-guide strong{margin-bottom:4px;font-size:17px;font-weight:700;line-height:1.4;display:block}#beauty-ocean-concepts .bo-service-guide p+p{border-top:1px solid var(--bo-line);padding-top:16px}#beauty-ocean-concepts .bo-wizard-service-group{border-top:1px solid var(--bo-line);min-width:0;padding-top:20px}#beauty-ocean-concepts .bo-wizard-service-group h3{margin:0 0 16px;font-size:22px}#beauty-ocean-concepts .bo-wizard-service-row{grid-template-columns:minmax(0,1fr) minmax(110px,180px) 44px;align-items:end;gap:12px;margin-bottom:12px;display:grid}#beauty-ocean-concepts .bo-wizard-service-row .bo-field{min-width:0;margin:0}#beauty-ocean-concepts .bo-wizard-service-row input,#beauty-ocean-concepts .bo-wizard-service-row select{width:100%;min-width:0;height:48px}#beauty-ocean-concepts .bo-profile-wizard .bo-wizard-service-icon{flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:48px;min-height:44px;padding:0;display:inline-flex}#beauty-ocean-concepts .bo-profile-wizard .bo-wizard-service-add{margin-top:4px}@media (max-width:600px){#beauty-ocean-concepts .bo-wizard-service-row{grid-template-columns:minmax(0,1fr) 96px 44px;gap:8px}#beauty-ocean-concepts .bo-wizard-service-row .bo-field{font-size:13px}#beauty-ocean-concepts .bo-wizard-service-row input,#beauty-ocean-concepts .bo-wizard-service-row select{padding-inline:8px;font-size:16px}}#beauty-ocean-concepts .bo-profile-editor-vertical .bo-profile-form-grid>.bo-panel>.bo-wizard-section+.bo-wizard-section,#beauty-ocean-concepts .bo-profile-editor-vertical .bo-profile-form-aside>.bo-panel,#beauty-ocean-concepts .bo-profile-editor-vertical .bo-profile-form-aside>.bo-panel+.bo-panel{margin-top:32px}#beauty-ocean-concepts .bo-editor-account-access{border-top:1px solid var(--bo-line);margin-top:40px;padding-top:24px}#beauty-ocean-concepts .bo-editor-login-email{overflow-wrap:anywhere;max-width:100%}#beauty-ocean-concepts .bo-avatar-identity{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:20px;display:grid}#beauty-ocean-concepts .bo-avatar-frame{border:1px solid var(--bo-line);cursor:pointer;background:#fff;border-radius:18px;width:104px;height:104px;padding:0;position:relative;overflow:hidden}#beauty-ocean-concepts .bo-avatar-frame .bo-avatar-preview,#beauty-ocean-concepts .bo-avatar-frame .bo-account-avatar{object-fit:cover;border:0;border-radius:0;width:100%;height:100%}#beauty-ocean-concepts .bo-avatar-frame>span{background:#ffffffdc;padding:3px;font-size:11px;position:absolute;bottom:0;left:0;right:0}#beauty-ocean-concepts .bo-avatar-identity>.bo-fields{min-width:0;margin:0;display:block}@media (max-width:600px){#beauty-ocean-concepts .bo-avatar-identity{grid-template-columns:80px minmax(0,1fr);gap:14px}#beauty-ocean-concepts .bo-avatar-frame{width:80px;height:80px}#beauty-ocean-concepts .bo-avatar-identity #username-hint{font-size:11px}}#beauty-ocean-concepts .bo-service-media{grid-column:1/-1;min-width:0;padding:4px 0 16px}#beauty-ocean-concepts .bo-service-media-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:12px;display:grid}#beauty-ocean-concepts .bo-service-media-item{overflow-wrap:anywhere;gap:8px;min-width:0;max-width:240px;font-size:12px;display:grid}#beauty-ocean-concepts .bo-service-media-item img,#beauty-ocean-concepts .bo-service-media-item video{object-fit:cover;border-radius:10px;width:100%;height:140px}#beauty-ocean-concepts .bo-service-media-item .bo-check{font-size:12px}#beauty-ocean-concepts .bo-avatar-identity #username-status{min-height:1.5em;margin:4px 0 0;line-height:1.5;display:block}#beauty-ocean-concepts .bo-avatar-frame .bo-account-avatar{background:#fff;justify-content:center;align-items:center;display:flex}#beauty-ocean-concepts .bo-service-media-item .bo-check{overflow-wrap:normal;word-break:normal;align-items:center;gap:8px;width:100%;min-width:0;min-height:44px;margin:0;font-size:12px;line-height:1.35;display:flex}#beauty-ocean-concepts .bo-service-media-item .bo-check input[type=checkbox]{flex:0 0 18px;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;margin:0;padding:0}#beauty-ocean-concepts .bo-service-media-item .bo-button{white-space:normal;min-width:44px;max-width:100%;min-height:44px}
