@charset "UTF-8";
body.epc-retire {
container-type: inline-size;
margin-bottom: 15rem;
}
body.epc-retire .page-top {
bottom: 13.5rem;
}
#epc-retire {
--color-accent: var(--tdk-color-orange);
position: fixed;
z-index: 1030;
inset: auto 0 0;
width: 100vw;
width: 100cqw;
background-color: color-mix(in srgb, var(--tdk-color-yellow) 60%, white);
}
@media (min-width: 576px) {
#epc-retire {
padding-inline: 15px;
}
}
#epc-retire>.elementlist {
width: 100%;
margin-block: 2rem !important;
margin-inline: auto;
padding-inline: 15px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 15px;
}
@media (max-width: 991.98px) {
#epc-retire>.elementlist {
width: 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
#epc-retire>.elementlist {
max-width: 960px;
margin-block: 3rem !important;
}
}
@media (min-width: 1200px) {
#epc-retire>.elementlist {
max-width: 1140px;
}
}
#epc-retire>.elementlist>div {
flex: 0 1 auto;
width: auto !important;
max-width: unset !important;
}
#epc-retire>.elementlist>div>*,
#epc-retire>.elementlist .textfragment {
margin-bottom: 0;
}
#epc-retire>.elementlist .btn {
margin: 0;
}
#epc-retire>.elementlist .btn.btn-outline-primary {
color: var(--color-accent);
border-color: var(--color-accent);
}
#epc-retire>.elementlist .btn.btn-outline-primary:hover {
color: #fff;
border-color: var(--color-accent);
background-color: var(--color-accent);
}
#epc-retire>.elementlist .btn.btn-primary {
border-color: transparent;
background-color: var(--color-accent);
position: relative;
padding-right: 4rem;
}
#epc-retire>.elementlist .btn.btn-primary:hover {
border-color: var(--color-accent);
}
#epc-retire>.elementlist .btn.btn-primary:after {
content: "✖";
position: absolute;
inset: 0 0 0 auto;
display: block;
aspect-ratio: 1;
text-align: center;
line-height: 2.9rem;
color: #fff;
background-color: var(--tdk-color-black-10);
}
@media (max-width: 992px) {
#epc-retire>.elementlist p {
font-size: 1.15rem;
}
}
#epc-retire>.elementlist>.textfragment {
flex: 1 1 60%;
}
@media (max-width: 850px) {
#epc-retire>.elementlist>.textfragment br {
display: none;
}
}
#epc-retire>.elementlist>.elementlist {
display: flex;
align-content: flex-start;
gap: 15px;
margin-top: 0 !important;
}
#epc-retire>.elementlist>.elementlist>div {
flex: 0 0 auto;
width: auto !important;
max-width: unset !important;
}