/* icon */
.icon-wrapper .icon-external::after {
    position: relative;
}
.icon-external::after, .icon-external::before {
    top: -0.08em;
}

@media (max-width:734px){
    #highlights-gallery-item-2 .caption{
        width: 230px;
    }
}

@media (min-width:735px){
   .section-header{
        column-gap: 360px;
    } 
}

.section-battery .stats-container .stat-value{
    line-height: 1.1;
}

.section-incentive .section-header-headline{
    max-width: 680px;
}

@media (max-width:1068px){
    .section-incentive .section-header-headline{
        max-width: 580px;
    }
}

@media (max-width:734px){
    .section-incentive .section-header-headline{
        max-width: 344px;
    }
}

html.no-enhanced .section-health .static-blur .gallery-headline{
    padding-top: 0;
}

.subsection-motivation:not(:has(.subsection-workout-buddy)) .static-blur{
    margin-block-start:0;
}

@media (max-width:734px) and (max-width:734px){
    .section-fitness .overview-fitness-fitness-hero{
        --p-height: 842px;
    }
    .subsection-motivation .picture-wrapper{
        height: 842px;
    }
}

.footnote.bts-2025-footnote {
position: relative;
vertical-align: initial;
text-decoration: underline;
text-underline-offset: -0.28em;
font-feature-settings: "numr";
font-size: 1em;
}

/* ribbon */
.ribbon {
    --ribbon-link-inline-color: inherit;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4285914286;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --ribbon-link-color: rgb(0, 102, 204);
    --ribbon-focus-color: #0071e3;
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-content-padding-top: 16px;
    --ribbon-content-padding-bottom: var(--ribbon-content-padding-top);
    --ribbon-content-width: 83.33333%;
    --ribbon-content-minimum-width: 320px;
    width: var(--ribbon-width);
    padding-top: var(--ribbon-padding-top);
    padding-bottom:var(--ribbon-padding-bottom)
}

.ribbon-content-wrapper {
    text-align:center
}

.ribbon-content {
    margin-left: auto;
    margin-right: auto;
    width: var(--ribbon-content-width);
    min-width:var(--ribbon-content-minimum-width)
}

.ribbon-link {
    white-space:nowrap
}

.ribbon-link:focus {
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset:var(--sk-focus-offset, 1px)
}

.ribbon-link-inline {
    color:var(--ribbon-link-inline-color)
}

.ribbon-link-inline, .ribbon-link-inline:link {
    text-decoration:underline
}

.ribbon:lang(ko) {
    line-height: 1.5714285714;
    letter-spacing: 0em;
    font-family:SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon-content-wrapper {
    background-color: #1d1d1f;
    -webkit-backdrop-filter: blur(var(--ribbon-background-blur));
    backdrop-filter: blur(var(--ribbon-background-blur));
    padding-top: var(--ribbon-content-padding-top);
    padding-bottom: var(--ribbon-content-padding-bottom);
    border-radius:var(--ribbon-border-radius)
}

.ribbon-content {
    color:white;
}

.ribbon-link {
    color:var(--ribbon-link-color)
}

.ribbon-link:focus {
    outline-color:var(--ribbon-focus-color)
}

.theme-light.ribbon, .theme-light .ribbon {
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-link-color: rgb(0, 102, 204);
    --ribbon-focus-color:utilities.$ribbon-focus-color
}

.ribbon {
    
    top:44px;
    z-index: 1;
    position:relative
}

/* vedio button */
.section-welcome .inline-media-ui-button{
    top:44px
}
