.oe-acc {
max-width: 420px;
}
.oe-acc--wide {
max-width: none;
} .oe-acc__nav {
display: flex;
gap: 4px;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
}
.oe-acc__nav a {
margin-bottom: -1px;
padding: 10px 16px;
border-bottom: 2px solid transparent;
color: #6b808c;
font-size: 14px;
font-weight: 500;
white-space: nowrap;
}
.oe-acc__nav a:hover {
color: #454a4f;
}
.oe-acc__nav a.is-active {
border-bottom-color: #008ada;
color: #008ada;
}
.oe-acc__stats {
padding-left: 0;
list-style: none;
}
.oe-acc__stats li {
padding: 6px 0;
}
.oe-acc__section .oe-acc__form {
max-width: 420px;
}
.oe-acc [hidden] {
display: none !important;
}
.oe-acc__form {
display: flex;
flex-direction: column;
gap: 12px;
}
.oe-acc__form small {
color: #9bb2bf;
}
.oe-acc__or {
display: flex;
align-items: center;
gap: 10px;
margin: 20px 0;
color: #9bb2bf;
}
.oe-acc__or::before,
.oe-acc__or::after {
content: "";
flex: 1;
border-top: 1px solid #eee;
}
.oe-acc__yandex {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 10px 16px;
border-radius: 6px;
background: #000;
color: #fff;
font-size: 16px;
}
.oe-acc__yandex:hover {
background: #222;
color: #fff;
}
.oe-acc__yandex-logo {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: #fc3f1d;
font-weight: 700;
font-size: 14px;
}
.oe-acc__form label {
display: flex;
flex-direction: column;
gap: 4px;
font-size: 14px;
color: #556f79;
}
.oe-acc__form input {
padding: 10px 12px;
border: 1px solid #d8d8d8;
border-radius: 6px;
font-size: 16px;
}
.oe-acc__form button {
padding: 10px 16px;
border: 0;
border-radius: 6px;
background: #008ada;
color: #fff;
font-size: 16px;
cursor: pointer;
}
.oe-acc__form button:hover {
background: #0070b8;
}
.oe-acc__hp {
position: absolute;
left: -9999px;
}
.oe-acc__msg {
padding: 10px 14px;
border-radius: 6px;
background: #fff4e5;
color: #8a5a00;
}
.oe-acc__msg--err {
background: #fdecea;
color: #a12622;
}
.oe-acc__msg--ok {
background: #e5f2fb;
color: #0a5a94;
}
.oe-acc__list {
padding-left: 0;
list-style: none;
}
.oe-acc__list li {
display: flex;
justify-content: space-between;
gap: 10px;
padding: 8px 0;
border-bottom: 1px solid #eee;
}
.oe-fav,
.oe-fav-remove {
border: 0;
background: none;
cursor: pointer;
color: #9bb2bf;
}
.oe-fav:hover,
.oe-fav.is-active {
color: #e0a800;
}
.oe-fav svg {
display: block;
width: 20px;
height: auto;
}
.oe-fav-head {
display: flex;
align-items: center;
margin-top: 25px;
gap: 10px;
margin-bottom: 25px;
}
.oe-fav-head h1,
.content_block .oe-fav-head h1,
body.category-tale .content_block .oe-fav-head h1 {
margin: 0;
margin-top: 0;
}
.oe-fav--page {
padding: 0;
}
.oe-fav--word {
margin-left: 6px;
padding: 0;
vertical-align: middle;
}
.oe-acc-link {
margin-right: 15px;
font-size: 15px;
border: 2px solid;
border-radius: 10px;
padding: 5px 20px;
border-color: #008ada;
color: #008ada;
}
.oe-acc-icon {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 15px;
color: #008ada;
line-height: 0;
}
.oe-acc-icon svg {
width: 36px !important;
height: auto !important;
}
@media screen and (max-width: 768px) {
.oe-acc-icon svg {
width: 30px !important;
}
}
.oe-acc-icon:hover {
opacity: 0.75;
}
.oe-acc__code {
font-size: 24px;
letter-spacing: 6px;
text-align: center;
}
.oe-acc__again {
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 12px;
font-size: 14px;
}
.oe-acc__form .oe-acc__link {
padding: 0;
background: none;
color: #556f79;
font-size: 14px;
text-decoration: underline;
}
.oe-acc__name {
margin-bottom: 20px;
}
.oe-acc__name summary {
cursor: pointer;
color: #556f79;
}
.oe-acc__name .oe-acc__form {
margin-top: 10px;
} .oe-acc--wide {
--oe-blue: #008ada;
--oe-ink: #26323a;
--oe-mute: #6b808c;
--oe-line: #e6edf2;
--oe-bg: #f5f9fc;
}
.oe-ic {
width: 18px;
height: 18px;
flex: none;
}
.oe-acc__nav {
gap: 6px;
border-bottom: 0;
padding: 4px;
background: var(--oe-bg);
border-radius: 12px;
overflow-x: auto;
}
.oe-acc__nav a {
display: inline-flex;
align-items: center;
gap: 7px;
margin: 0;
padding: 9px 16px;
border: 0;
border-radius: 9px;
color: var(--oe-mute);
}
.oe-acc__nav a:hover {
background: #fff;
color: var(--oe-ink);
}
.oe-acc__nav a.is-active {
background: #fff;
color: var(--oe-blue);
box-shadow: 0 1px 4px rgba(0, 60, 100, 0.12);
}
.oe-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 18px;
border: 0;
border-radius: 10px;
background: var(--oe-blue);
color: #fff;
font-size: 15px;
cursor: pointer;
text-decoration: none;
transition: background 0.15s;
}
.oe-btn:hover {
background: #0070b8;
color: #fff;
}
.oe-btn--ghost {
background: #fff;
color: var(--oe-ink);
box-shadow: inset 0 0 0 1.5px var(--oe-line);
}
.oe-btn--ghost:hover {
background: var(--oe-bg);
color: #c0392b;
}
.oe-prof {
display: flex;
align-items: center;
gap: 16px;
padding: 20px;
border-radius: 16px;
background: linear-gradient(135deg, #e8f4fd, #f5fbff);
margin-bottom: 18px;
}
.oe-prof__avatar {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
flex: none;
border-radius: 50%;
background: linear-gradient(135deg, #2aa6f0, #008ada);
color: #fff;
font-size: 24px;
font-weight: 600;
}
.oe-prof__info {
flex: 1;
min-width: 0;
}
.oe-prof__name {
font-size: 20px;
font-weight: 600;
color: var(--oe-ink);
overflow: hidden;
text-overflow: ellipsis;
}
.oe-prof__mail {
color: var(--oe-mute);
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
}
.oe-tiles {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
margin-bottom: 18px;
}
.oe-tile {
display: flex;
flex-direction: column;
gap: 2px;
padding: 16px;
border: 1px solid var(--oe-line);
border-radius: 14px;
background: #fff;
color: var(--oe-ink);
text-decoration: none;
}
a.oe-tile:hover {
border-color: var(--oe-blue);
box-shadow: 0 4px 14px rgba(0, 138, 218, 0.12);
}
.oe-tile__ic {
display: inline-flex;
width: 34px;
height: 34px;
align-items: center;
justify-content: center;
border-radius: 10px;
background: #e8f4fd;
color: var(--oe-blue);
margin-bottom: 6px;
}
.oe-tile__val {
font-size: 28px;
font-weight: 600;
line-height: 1.1;
}
.oe-tile__lbl {
font-size: 13px;
color: var(--oe-mute);
}
.oe-chart {
padding: 18px 18px 10px;
border: 1px solid var(--oe-line);
border-radius: 16px;
background: #fff;
}
.oe-chart__head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 10px;
margin-bottom: 6px;
}
.oe-chart__head h2 {
margin: 0;
font-size: 18px;
}
.oe-chart__sum {
color: var(--oe-mute);
font-size: 14px;
}
.oe-chart__svg {
width: 100%;
height: auto;
display: block;
}
.oe-chart__grid {
stroke: var(--oe-line);
stroke-dasharray: 3 4;
}
.oe-chart__lbl {
fill: #9bb2bf;
font-size: 11px;
}
.oe-chart__zero {
fill: var(--oe-line);
}
.oe-chart__col:hover rect:not([fill="transparent"]) {
opacity: 0.75;
}
.oe-chart__empty {
margin: 4px 0 8px;
font-size: 14px;
color: var(--oe-mute);
}
.oe-chart__empty .oe-ic {
width: 15px;
height: 15px;
vertical-align: -2px;
color: #e0a800;
}
.oe-bar {
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 16px;
}
.oe-bar__search {
flex: 1;
display: flex;
align-items: center;
gap: 8px;
padding: 0 12px;
border: 1px solid var(--oe-line);
border-radius: 10px;
background: #fff;
color: var(--oe-mute);
}
.oe-bar__search input {
flex: 1;
min-width: 0;
border: 0;
outline: 0;
padding: 10px 0;
font-size: 15px;
background: none;
}
.oe-bar__views {
display: flex;
padding: 3px;
border-radius: 10px;
background: var(--oe-bg);
}
.oe-bar__views button {
display: flex;
padding: 7px 10px;
border: 0;
border-radius: 8px;
background: none;
color: var(--oe-mute);
cursor: pointer;
}
.oe-bar__views button.is-active {
background: #fff;
color: var(--oe-blue);
box-shadow: 0 1px 3px rgba(0, 60, 100, 0.15);
}
.oe-w {
display: flex;
gap: 16px;
padding: 16px;
border: 1px solid var(--oe-line);
border-radius: 14px;
background: #fff;
}
.oe-w[hidden] {
display: none;
}
.oe-wlist {
display: flex;
flex-direction: column;
gap: 10px;
}
.oe-w__img {
flex: none;
width: 84px;
height: 84px;
border-radius: 12px;
overflow: hidden;
background: var(--oe-bg);
}
.oe-w__img img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.oe-w__body {
flex: 1;
min-width: 0;
}
.oe-w__top {
display: flex;
align-items: center;
gap: 8px;
}
.oe-w__word {
font-size: 20px;
font-weight: 600;
color: var(--oe-ink);
text-decoration: none;
}
a.oe-w__word:hover {
color: var(--oe-blue);
}
.oe-w__lvl {
padding: 1px 7px;
border-radius: 6px;
background: #e8f4fd;
color: var(--oe-blue);
font-size: 12px;
font-weight: 600;
}
.oe-w__tr {
display: flex;
flex-wrap: wrap;
gap: 4px 16px;
margin: 3px 0 6px;
font-size: 13px;
color: var(--oe-mute);
}
.oe-w__acc {
display: inline-flex;
align-items: center;
gap: 4px;
}
.oe-w__ipa {
color: #556f79;
}
.oe-w .oe-sound {
display: inline-flex;
padding: 3px;
border: 0;
background: none;
cursor: pointer;
border-radius: 50%;
}
.oe-w .oe-sound:hover {
background: var(--oe-bg);
}
.oe-w .oe-sound img {
width: 18px;
height: 18px;
display: block;
}
.oe-w__line {
font-size: 15px;
color: var(--oe-ink);
}
.oe-w__pos {
display: inline-block;
margin-right: 4px;
padding: 0 6px;
border-radius: 5px;
background: var(--oe-bg);
color: var(--oe-mute);
font-size: 12px;
}
.oe-w__ex {
margin-top: 8px;
padding-left: 10px;
border-left: 3px solid #cfe6f7;
font-size: 14px;
color: #3d4b53;
}
.oe-w__ex span {
display: block;
color: var(--oe-mute);
}
.oe-w__side {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
gap: 6px;
flex: none;
}
.oe-w__date {
font-size: 12px;
color: #9bb2bf;
white-space: nowrap;
}
.oe-acc .oe-fav-remove {
display: inline-flex;
padding: 7px;
border-radius: 8px;
color: #9bb2bf;
}
.oe-acc .oe-fav-remove:hover {
background: #fdecea;
color: #c0392b;
}
.oe-wlist--cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 14px;
}
.oe-wlist--cards .oe-w {
flex-direction: column;
position: relative;
}
.oe-wlist--cards .oe-w__img {
width: 100%;
height: 130px;
}
.oe-wlist--cards .oe-w__side {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.oe-empty {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 40px 20px;
border: 1.5px dashed var(--oe-line);
border-radius: 16px;
color: var(--oe-mute);
text-align: center;
}
.oe-empty .oe-ic {
width: 34px;
height: 34px;
color: #c4d3dc;
}
.oe-empty-filter {
text-align: center;
color: var(--oe-mute);
}
.oe-blist {
display: flex;
flex-direction: column;
gap: 10px;
}
.oe-b {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 16px;
border: 1px solid var(--oe-line);
border-radius: 14px;
background: #fff;
}
.oe-b__ic {
display: inline-flex;
width: 36px;
height: 36px;
flex: none;
align-items: center;
justify-content: center;
border-radius: 10px;
background: #e8f4fd;
color: var(--oe-blue);
}
.oe-b__ic .oe-ic {
fill: currentColor;
}
.oe-b__thumb {
width: 64px;
height: 48px;
object-fit: cover;
border-radius: 8px;
flex: none;
}
.oe-b__body {
flex: 1;
min-width: 0;
}
.oe-b__title {
font-size: 16px;
font-weight: 600;
color: var(--oe-ink);
text-decoration: none;
}
.oe-b__title:hover {
color: var(--oe-blue);
}
.oe-b__meta {
font-size: 13px;
color: var(--oe-mute);
}
.oe-card {
padding: 20px;
border: 1px solid var(--oe-line);
border-radius: 16px;
background: #fff;
}
.oe-card h2 {
margin: 0 0 14px;
font-size: 18px;
}
.oe-set {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 16px;
align-items: start;
}
.oe-acc__section .oe-card.oe-acc__form {
max-width: none;
}
.oe-set__form input {
border-radius: 10px;
}
.oe-set__form .oe-btn {
align-self: flex-start;
}
.oe-set__info dl {
display: grid;
grid-template-columns: auto 1fr;
gap: 10px 18px;
margin: 0 0 18px;
}
.oe-set__info dt {
color: var(--oe-mute);
font-size: 14px;
}
.oe-set__info dd {
margin: 0;
color: var(--oe-ink);
overflow-wrap: anywhere;
}
.oe-pop__head .oe-fav {
margin-left: auto;
padding: 0;
}
@media (max-width: 720px) {
.oe-tiles {
grid-template-columns: repeat(2, 1fr);
}
.oe-prof {
flex-wrap: wrap;
}
.oe-w {
flex-wrap: wrap;
}
.oe-w__side {
flex-direction: row;
align-items: center;
width: 100%;
}
}
.oe-set__form input {
width: 100%;
box-sizing: border-box;
} .content_block {
position: relative;
}
.oe-fav--bookmark {
position: absolute;
top: 0;
right: 24px;
z-index: 5;
padding: 0;
line-height: 0;
}
.oe-fav--bookmark svg {
width: 20px;
height: auto;
}
.oe-fav--bookmark:not(.is-active) svg path {
stroke: #b4c3cc;
}
@media (max-width: 720px) {
.oe-fav--bookmark {
right: 14px;
}
.oe-fav--bookmark svg {
width: 17px;
}
} .oe-sl__nav {
display: none;
}
.oe-sl.is-slider {
padding: 18px 0 6px;
border-radius: 20px;
background: linear-gradient(180deg, #f2f8fd, #fff);
}
.oe-sl.is-slider .oe-sl__nav {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
margin-top: 14px;
}
.oe-sl__prev,
.oe-sl__next {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 0;
border-radius: 50%;
background: #fff;
color: var(--oe-blue);
box-shadow: 0 2px 8px rgba(0, 60, 100, 0.15);
cursor: pointer;
transition:
transform 0.12s,
opacity 0.12s;
}
.oe-sl__prev:hover,
.oe-sl__next:hover {
transform: scale(1.06);
}
.oe-sl__prev svg,
.oe-sl__next svg {
width: 20px;
height: 20px;
}
.oe-sl__prev.swiper-button-disabled,
.oe-sl__next.swiper-button-disabled {
opacity: 0.35;
pointer-events: none;
}
.oe-sl__count {
min-width: 64px;
text-align: center;
color: var(--oe-mute);
font-size: 15px;
font-variant-numeric: tabular-nums;
}
.oe-wlist.swiper {
display: block;
overflow: hidden;
padding: 6px 0 16px;
}
.oe-wlist.swiper .swiper-wrapper {
align-items: stretch;
}
.oe-wlist.swiper .oe-w.swiper-slide {
width: min(520px, 86%);
height: auto;
box-sizing: border-box;
flex-direction: column;
align-items: center;
text-align: center;
gap: 4px;
padding: 28px 26px 18px;
border: 0;
border-radius: 22px;
background: #fff;
box-shadow: 0 6px 24px rgba(0, 80, 130, 0.12);
transition:
transform 0.25s,
opacity 0.25s;
opacity: 0.55;
transform: scale(0.94);
}
.oe-wlist.swiper .oe-w.swiper-slide-active {
opacity: 1;
transform: none;
}
.oe-wlist.swiper .oe-w__img {
width: 100%;
max-width: 260px;
height: 150px;
margin-bottom: 8px;
background: transparent;
}
.oe-wlist.swiper .oe-w__body {
width: 100%;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.oe-wlist.swiper .oe-w__top {
justify-content: center;
}
.oe-wlist.swiper .oe-w__word {
font-size: 34px;
letter-spacing: -0.3px;
}
.oe-wlist.swiper .oe-w__tr {
justify-content: center;
margin: 6px 0 12px;
font-size: 14px;
}
.oe-wlist.swiper .oe-w__tl {
display: flex;
flex-direction: column;
gap: 6px;
align-items: center;
}
.oe-wlist.swiper .oe-w__line {
font-size: 17px;
}
.oe-wlist.swiper .oe-w__ex {
width: 100%;
margin-top: 16px;
padding: 12px 14px;
border-left: 0;
border-radius: 12px;
background: var(--oe-bg);
text-align: left;
box-sizing: border-box;
}
.oe-wlist.swiper .oe-w__side {
width: 100%;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 14px;
padding-top: 10px;
border-top: 1px solid var(--oe-line);
}
.oe-wlist.swiper [hidden] {
display: none;
}
@media (max-width: 560px) {
.oe-wlist.swiper .oe-w.swiper-slide {
width: 90%;
padding: 22px 18px 14px;
}
.oe-wlist.swiper .oe-w__word {
font-size: 28px;
}
.oe-sl__prev,
.oe-sl__next {
width: 40px;
height: 40px;
}
} .oe-w__tabs {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin: 10px 0 8px;
border-bottom: 1px solid #c9d5ea;
}
.oe-w__tab {
padding: 4px 12px;
border: 0;
border-radius: 6px 6px 0 0;
background: none;
color: #4e71b8;
font: inherit;
font-size: 13px;
cursor: pointer;
}
.oe-w__tab:hover {
background: #f1f5fc;
}
.oe-w__tab.is-active {
background: #4e71b8;
color: #fff;
}
.oe-w__panel[hidden] {
display: none;
}
.oe-w__panel {
width: 100%;
}
.oe-wlist.swiper .oe-w__tabs {
justify-content: center;
margin: 12px 0 10px;
}
.oe-wlist.swiper .oe-w__panel {
display: flex;
flex-direction: column;
align-items: center;
}
.oe-wlist.swiper .oe-w__panel[hidden] {
display: none;
}
@media (max-width: 720px) {
.oe-prof {
gap: 10px;
padding: 12px;
border-radius: 14px;
margin-bottom: 14px;
flex-wrap: nowrap;
}
.oe-prof__avatar {
width: 40px;
height: 40px;
font-size: 18px;
}
.oe-prof__name {
font-size: 16px;
white-space: nowrap;
}
.oe-prof__mail {
font-size: 13px;
white-space: nowrap;
}
.oe-prof .oe-btn {
padding: 8px 12px;
font-size: 14px;
border-radius: 9px;
gap: 6px;
flex: none;
}
.oe-prof .oe-ic {
width: 16px;
height: 16px;
}
}
@media (max-width: 420px) {
.oe-prof .oe-btn span {
display: none;
}
.oe-prof .oe-btn {
padding: 9px;
}
}
@media (max-width: 560px) {
.oe-acc__nav {
gap: 2px;
padding: 3px;
scrollbar-width: none;
}
.oe-acc__nav::-webkit-scrollbar {
display: none;
}
.oe-acc__nav a {
padding: 8px 9px;
gap: 0;
font-size: 13px;
flex: 1;
justify-content: center;
}
.oe-acc__nav a .oe-ic {
display: none;
}
} .oe-w__side {
justify-content: flex-end;
}
.oe-wlist.swiper .oe-w__side,
.oe-wlist--cards .oe-w__side {
justify-content: flex-end;
} .oe-acc:not(.oe-acc--wide) {
margin: 0 auto;
padding: 10px 0 20px;
}
.oe-acc:not(.oe-acc--wide) .oe-acc__form h2 {
margin: 0 0 4px;
text-align: center;
}
.oe-acc:not(.oe-acc--wide) .oe-acc__form > p {
text-align: center;
margin: 0;
}
.oe-acc:not(.oe-acc--wide) .oe-acc__form small {
text-align: center;
}
.oe-acc:not(.oe-acc--wide) .oe-acc__msg {
text-align: center;
}
.oe-acc:not(.oe-acc--wide) .oe-acc__form input {
border-radius: 10px;
}
.oe-acc:not(.oe-acc--wide) .oe-acc__form button {
border-radius: 10px;
}
.oe-acc:not(.oe-acc--wide) .oe-acc__again {
justify-content: center;
gap: 18px;
}
.oe-acc:not(.oe-acc--wide) .oe-acc__yandex {
border-radius: 10px;
} .oe-acc__form label.oe-acc__consent { flex-direction: row; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.4; color: #556f79; }
.oe-acc__form .oe-acc__consent input { flex: none; width: 18px; height: 18px; margin: 1px 0 0; padding: 0; accent-color: #008ada; }
.oe-acc__legalnote { margin: 12px 0 0; font-size: 12px; line-height: 1.4; color: #9bb2bf; text-align: center; }
.oe-legal-links { margin: 6px 0 0; font-size: 13px; } .oe-my__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.oe-my__head h2 { margin: 0; font-size: 22px; }
.oe-my__sub { margin: 2px 0 0; color: var(--oe-mute); font-size: 14px; }
.oe-my__form { margin-bottom: 18px; }
.oe-my__form[hidden] { display: none; }
.oe-my__form h3 { margin: 0 0 12px; font-size: 18px; }
.oe-my__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.oe-my__grid label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--oe-mute); }
.oe-my__wide { grid-column: 1 / -1; }
.oe-my__grid input, .oe-my__grid select, .oe-my__grid textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #d8d8d8; border-radius: 10px; font: inherit; font-size: 16px; color: var(--oe-ink); background: #fff; }
.oe-my__grid input:focus, .oe-my__grid select:focus, .oe-my__grid textarea:focus { outline: 0; border-color: var(--oe-blue); }
.oe-my__actions { display: flex; gap: 10px; margin-top: 14px; }
.oe-my__err { margin: 12px 0 0; padding: 8px 12px; border-radius: 8px; background: #fdecea; color: #a12622; font-size: 14px; }
.oe-my__err[hidden] { display: none; }
.oe-ibtn { display: inline-flex; padding: 7px; border: 0; border-radius: 8px; background: none; color: #9bb2bf; cursor: pointer; }
.oe-ibtn:hover { background: var(--oe-bg); color: var(--oe-blue); }
.oe-ibtn--del:hover { background: #fdecea; color: #c0392b; }
.oe-w__note { margin-top: 8px; font-size: 13px; color: var(--oe-mute); font-style: italic; }
.oe-w--my .oe-w__side { flex-direction: row; align-items: flex-start; gap: 2px; }
.oe-wlist.swiper .oe-w--my .oe-w__side { align-items: center; justify-content: flex-end; }
.oe-wlist.swiper .oe-w__note { text-align: center; }
@media (max-width: 560px) { .oe-my__grid { grid-template-columns: 1fr; } .oe-my__head .oe-btn { padding: 9px 12px; } }
.oe-my__grid select { display: block; appearance: auto; height: 44px; } .oe-set { align-items: stretch; }
.oe-set .oe-card { display: flex; flex-direction: column; gap: 14px; padding: 22px; box-sizing: border-box; }
.oe-set .oe-card h2 { margin: 0; }
.oe-set__form label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: var(--oe-mute); }
.oe-set__form small { margin: -6px 0 0; }
.oe-set__form .oe-btn, .oe-set__info .oe-btn { margin-top: auto; align-self: flex-start; }
.oe-set__info dl { margin: 0; }