.ort-design-scope .o-account-notice{background:color-mix(in srgb,var(--pastellrot) 75%,var(--weiss));border:1.5px solid color-mix(in srgb,var(--pastellrot) 85%,var(--beige-kraeftig));border-radius:34px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:40px;padding:32px 40px 32px 32px;display:grid}.ort-design-scope .o-account-art{width:196px;height:150px;position:relative}.ort-design-scope .o-account-tile{transition:transform .5s var(--o-ease);border-radius:28px;place-items:center;display:grid;position:absolute}.ort-design-scope .o-account-tile svg{width:62%;height:62%}.ort-design-scope .o-account-tile.heart{background:var(--weiss);z-index:2;width:108px;height:108px;top:22px;left:48px}.ort-design-scope .o-account-tile.camera{background:color-mix(in srgb,var(--o-head) 15%,var(--weiss));border-radius:20px;width:66px;height:66px;top:2px;left:0;transform:rotate(-10deg)}.ort-design-scope .o-account-tile.pin{background:var(--o-ok-soft);border-radius:20px;width:66px;height:66px;bottom:0;right:0;transform:rotate(9deg)}.ort-design-scope .o-account-notice:hover .heart{transform:translateY(-4px)}.ort-design-scope .o-account-notice:hover .camera{transform:rotate(-16deg)translate(-3px,-3px)}.ort-design-scope .o-account-notice:hover .pin{transform:rotate(15deg)translate(3px,3px)}.ort-design-scope .o-account-notice p{color:var(--marine);min-width:0;max-width:52ch;font-size:19px;font-weight:500;line-height:1.6}.ort-design-scope .o-account-notice .acts{flex-direction:column;grid-column:auto;gap:10px;min-width:280px;display:flex}.ort-design-scope .o-account-notice .btn{height:56px;box-shadow:none;border-radius:999px;gap:10px;padding:0 24px;font-size:15.5px;font-weight:600}.ort-design-scope .o-account-notice .btn svg{flex:none;width:19px;height:19px;transform:none}.ort-design-scope .o-account-notice .btn.primary{background:var(--rot);color:var(--weiss)}.ort-design-scope .o-account-notice .btn.primary:hover{background:var(--o-accent-soft-ink)}.ort-design-scope .o-account-notice .btn.primary:hover .ar{transform:translate(3px)}.ort-design-scope .o-account-notice .account-photo{background:var(--weiss);color:var(--marine);border:1.5px solid color-mix(in srgb,var(--pastellrot) 85%,var(--beige-kraeftig))}.ort-design-scope .o-account-notice .account-photo svg{color:var(--rot)}.ort-design-scope .o-account-notice .account-photo:hover{border-color:var(--marine)}@media (width<=1080px){.ort-design-scope .o-account-notice{grid-template-columns:auto minmax(0,1fr);row-gap:24px}.ort-design-scope .o-account-notice .acts{flex-direction:row;grid-column:1/-1;min-width:0}.ort-design-scope .o-account-notice .btn{flex:1}}@media (width<=640px){.ort-design-scope .o-account-notice{border-radius:28px;grid-template-columns:1fr;gap:20px;padding:24px 20px 20px}.ort-design-scope .o-account-art{width:168px;height:126px}.ort-design-scope .o-account-tile.heart{border-radius:24px;width:92px;height:92px;top:18px;left:40px}.ort-design-scope .o-account-tile.camera,.ort-design-scope .o-account-tile.pin{border-radius:17px;width:56px;height:56px}.ort-design-scope .o-account-notice p{font-size:17px}.ort-design-scope .o-account-notice .acts{flex-direction:column}.ort-design-scope .o-account-notice .btn{flex:none;height:52px;padding:0 12px;font-size:14px}}@media (prefers-reduced-motion:reduce){.ort-design-scope .o-account-notice *{transition:none!important}.ort-design-scope .o-account-notice:hover .heart{transform:none}.ort-design-scope .o-account-notice:hover .camera{transform:rotate(-10deg)}.ort-design-scope .o-account-notice:hover .pin{transform:rotate(9deg)}}.ort-design-scope .o-main{container:place-content/inline-size}@container place-content (width<=1080px){.ort-design-scope .o-account-notice{grid-template-columns:auto minmax(0,1fr);row-gap:24px}.ort-design-scope .o-account-notice .acts{flex-direction:row;grid-column:1/-1;min-width:0}.ort-design-scope .o-account-notice .btn{flex:1}}@container place-content (width<=640px){.ort-design-scope .o-account-notice{grid-template-columns:1fr;gap:20px;padding:24px 20px 20px}.ort-design-scope .o-account-notice .acts{flex-direction:column}.ort-design-scope .o-account-notice .btn{flex:none}}
