.xsmall {
display: none;
}
@media only screen and (max-width: 320px) {
.xsmall {
display: inline;
}
}
body {
line-break: strict;
}
.icon-wrapper .icon-after:not(.icon-chevrondowncircle):after,
.icon-wrapper .icon-before:before,
.icon-wrapper .more:not(.icon-before):after {
position: relative;
top: -0.1em;
}
.section-you .icon-wrapper .icon-after:after {
top: -0.075em;
}
.section-products .products-gallery .icon-wrapper .icon {
position: sticky;
top: 0;
}
.section-hero .plan-modal-button {
padding-top: 7px;
padding-bottom: 5px;
}
@media only screen and (min-width: 1069px) {
.section-hero .hero-headline-content {
max-width: 650px;
}
.section-iphone .card-headline .line2 span:after {
bottom: auto;
top: -12px;
width: 195px;
height: 86px;
background-size: 195px 86px;
}
}
.underlined-text .underline-illustration {
bottom: 2%;
}
@media only screen and (min-width: 1069px) {
.section-hero .plan-gallery .plan-headline-copy span.jp-headline-adjust {
display: inline-flex;
}
}
.section-taptic-engine .image-vibes-text {
background-size: 189px 67px;
background-repeat: no-repeat;
background-image: url(/jp/environment/images/overview/card08_text_vibes__bvd2n5fgmbde_large.png);
display: block;
width: 189px;
height: 67px;
margin: 0 auto 0.2em;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
.section-taptic-engine .image-vibes-text {
background-image: url(/jp/environment/images/overview/card08_text_vibes__bvd2n5fgmbde_large_2x.png);
}
}
@media only screen and (max-width: 1068px) {
.section-taptic-engine .image-vibes-text {
background-size: 136px 49px;
background-repeat: no-repeat;
background-image: url(/jp/environment/images/overview/card08_text_vibes__bvd2n5fgmbde_medium.png);
width: 136px;
height: 49px;
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.section-taptic-engine .image-vibes-text {
background-image: url(/jp/environment/images/overview/card08_text_vibes__bvd2n5fgmbde_medium_2x.png);
}
}
@media only screen and (max-width: 734px) {
.section-taptic-engine .image-vibes-text {
background-size: 132px 48px;
background-repeat: no-repeat;
background-image: url(/jp/environment/images/overview/card08_text_vibes__bvd2n5fgmbde_small.png);
width: 132px;
height: 48px;
}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.section-taptic-engine .image-vibes-text {
background-image: url(/jp/environment/images/overview/card08_text_vibes__bvd2n5fgmbde_small_2x.png);
}
}
.section-community-gallery .section-headline {
max-width: 100%;
}
.section-trade-in .section-headline {
max-width: 12ch;
text-align: center;
}
.section-antenna .overview-card05-after-iphone-antenna {
width: var(--p-width);
--p-width: 464px;
margin-left: 10px;
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.section-antenna .overview-card05-after-iphone-antenna {
--p-width: 332px;
}
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
.section-antenna .overview-card05-after-iphone-antenna {
--p-width: 374px;
}
}
@media only screen and (max-width: 340px) {
.typography-hero-headline {
font-size: 44px;
}
}
@media only screen and (max-width: 734px) {
.section-iphone .card-headline .line1 {
width: 100%;
}
}
.section-less-power .card-headline-container {
max-width: 420px;
}
@media only screen and (max-width: 1068px) {
.section-less-power .card-headline-container {
max-width: 300px;
}
}
@media only screen and (max-width: 734px) {
.section-less-power .card-headline-container {
max-width: 260px;
}
}
@media only screen and (max-width: 734px) {
.section-aluminum .card-headline span {
max-width: 100%;
}
}
.section-taptic-engine .card-headline,
.section-trade-in .card-content__content-container {
width: 100%;
}
.progress-reports-headline {
max-width: 620px;
}
.paddlenav-compact .paddlenav-arrow-previous:after,
.paddlenav-compact .paddlenav-arrow-next:after {
top: 0.05em;
}
.section-shipping .card-content {
padding-top: 0;
}
@media only screen and (min-width: 1069px) {
.section-shipping .card-content {
padding-bottom: 0;
}
}
@media only screen and (max-width: 1068px) {
.section-iphone .card-headline .line2 span.nowrap:after {
display: none;
}
.section-iphone .card-headline .line2 span:after {
bottom: auto;
top: -10px;
right: auto;
left: 0;
background-position: center;
width: 100%;
background-size: contain;
height: 67px;
}
}
.section-taptic-engine .image-notification {
right: -7px;
}
@media only screen and (max-width: 1068px) {
.section-shipping .card-headline {
max-width: 100%;
}
.section-shipping .card-content {
padding-left: 0;
padding-right: 0;
}
.overview-card06 {
width: 100%;
}
.overview-card06 img {
max-width: 100%;
}
}
@media only screen and (max-width: 1068px) and (min-width: 735px) {
.section-community-gallery .item-container .section-card1 .card-headline {
width: 270px;
}
.section-community-gallery .item-container .section-card3 .card-headline {
width: 270px;
}
.section-community-gallery .item-container .section-card4 .card-headline {
width: 320px;
}
.section-community-gallery .typography-headline-elevated {
font-size: 46px;
}
}
.vibes-text-container {
position: relative;
padding-right: 0.7em;
display: block;
}
.vibes-text-container .vibes-text-mo {
position: absolute;
top: 0.1em;
left: 50%;
margin-left: 70px;
}
@media only screen and (max-width: 1068px) {
.vibes-text-container .vibes-text-mo {
margin-left: 50px;
}
}
@media only screen and (max-width: 734px) {
.vibes-text-container .vibes-text-mo {
top: 0.2em;
margin-left: 54px;
}
}
@media only screen and (min-width: 1069px) {
.typography-hero-headline {
padding-left: 0.1em;
}
.gallery-item-product-use {
padding-top: 20px;
}
.section-hero
.plan-gallery
.item-container
.plan-item-label.plan-item-label-product-use {
gap: 11px;
}
.section-iphone .card-headline .line1:after {
right: 0;
}
.section-iphone .card-headline .line2 {
position: relative;
left: 15px;
}
.section-iphone .card-headline .line2:before {
top: -139px;
left: 13px;
}
.underlined-text .modal-underline-illustration {
bottom: 1%;
}
.section-aluminum .overview-card04-arrow1 {
left: -87px;
}
.section-aluminum .overview-card04-arrow2 {
right: -142px;
}
.section-aluminum .overview-card04-arrow3 {
left: -106px;
}
.section-aluminum .overview-card04-arrow4 {
right: -66px;
}
.section-aluminum .overview-card07-arrow1 {
left: -87px;
}
.section-aluminum .overview-card07-arrow2 {
right: -142px;
}
.section-aluminum .overview-card07-arrow3 {
left: -106px;
}
.section-aluminum .overview-card07-arrow4 {
right: -66px;
}
.section-daisy .card-content {
padding-top: 37px;
}
.section-renewables .image-renewables-2 {
margin-top: 11px;
padding-top: 13px;
}
.section-aluminum .card-headline-container {
top: 4px;
}
}
@media only screen and (max-width: 1068px) and (min-width: 735px) {
.typography-hero-headline .jp-headline-adjust {
margin-right: -0.36em;
}
.section-less-power .card-headline .jp-headline-adjust {
margin-right: -0.25em;
}
.underlined-text .modal-underline-illustration {
bottom: 3%;
}
.section-renewables .image-renewables-2 {
margin-top: 8px;
padding-top: 7px;
}
.section-aluminum .overview-card04-arrow1 {
left: -64px;
}
.section-aluminum .overview-card04-arrow2 {
right: -112px;
}
.section-aluminum .overview-card04-arrow3 {
left: -67px;
}
.section-aluminum .overview-card04-arrow4 {
right: -51px;
}
.section-aluminum .overview-card07-arrow1 {
left: -64px;
}
.section-aluminum .overview-card07-arrow2 {
right: -112px;
}
.section-aluminum .overview-card07-arrow3 {
left: -67px;
}
.section-aluminum .overview-card07-arrow4 {
right: -51px;
}
.section-aluminum .card-headline-container {
top: 6px;
}
}
@media only screen and (max-width: 734px) {
.section-cards .section-content {
width: 100%;
}
.section-iphone .card-headline .line1:after {
bottom: -75px;
left: 5px;
}
.section-iphone .card-headline .line2 {
bottom: -22px;
width: 220px;
max-width: 100%;
}
.section-iphone .card-headline .line2:before {
right: -10px;
}
.section-renewables .image-renewables-2 {
margin-top: 0;
}
.section-packaging .overview-card07-iphone14-box {
bottom: 40px;
}
.section-aluminum .typography-headline-elevated {
position: relative;
top: -12px;
}
.section-community-gallery .card-cta {
z-index: 2;
}
.section-community-gallery
.item-container
.section-card4
.card-content__container {
padding-right: 10px;
}
}
.tabnav-item .tabnav-label .tabnav-icon {
position: relative;
top: -1px;
}
.tabnav-item .tabnav-label {
height: 55px;
padding-top: 1px;
}
.section-daisy .card-headline {
line-height: 1;
}
html.touch.windows.firefox .tabnav-paddles {
display: block;
}
/* section-carbon-neutral */
@media only screen and (min-width: 735px) {
[dir="ltr"] .section-carbon-neutral .content {
padding-left: 1%;
padding-right: 2%;
}
}
.section-carbon-neutral .content span:first-child {
min-width: 5em;
}
.modal[data-modal-name="carbon-neutral"]
.reports-container
.overview-boc-icon-cn {
margin-top: -2px;
}
.section-carbon-neutral .jp-headline-elevated-adjust {
margin-right: -0.45em;
}
/* section-trade-in */
.section-trade-in .section-copy {
max-width: 40ch;
}
@media only screen and (max-width: 734px) {
.section-trade-in .section-copy {
max-width: 28ch;
}
}
/* section-progress-reports */
.progress-reports-headline {
max-width: 800px;
}
/* group-clean-electricity */
.modal[data-modal-name="apple-watch"]
.group-no-airplanes
.text-decoration:after {
top: -15px;
left: 120px;
}
@media only screen and (max-width: 1068px) {
.modal[data-modal-name="apple-watch"]
.group-no-airplanes
.text-decoration:after {
top: -15px;
left: 94px;
}
}
@media only screen and (max-width: 734px) {
.modal[data-modal-name="apple-watch"]
.group-no-airplanes
.text-decoration:after {
top: 28px;
left: -240px;
}
}
@media only screen and (max-width: 320px) {
.modal[data-modal-name="apple-watch"]
.group-no-airplanes
.text-decoration:after {
top: -10px;
left: 75px;
}
}
/* carbon-neutral */
.modal[data-modal-name="carbon-neutral"] .modal-headline {
max-width: 20ch;
}
/* section-apple-watch */
@media only screen and (min-width: 1069px) {
.section-apple-watch .container .blurb-1 {
top: 184px;
left: 48px;
}
}
@media only screen and (min-width: 1069px) {
.section-apple-watch .container .blurb-1 .arrow {
top: 128px;
left: 140px;
}
}
@media only screen and (min-width: 1069px) {
.section-apple-watch .container .blurb-2 {
top: 30px;
left: 744px;
}
}
@media only screen and (min-width: 1069px) {
.section-apple-watch .container .blurb-2 .arrow {
top: 40px;
left: -60px;
}
}
@media only screen and (min-width: 1069px) {
.section-apple-watch .container .blurb-3 {
top: 255px;
left: 754px;
}
}
@media only screen and (min-width: 1069px) {
.section-apple-watch .container .blurb-3 .arrow {
top: 153px;
left: -64px;
}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
.section-apple-watch .container .blurb-1 {
top: 128px;
left: 6px;
}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
.section-apple-watch .container .blurb-1 .arrow {
top: 119px;
left: 100px;
}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
.section-apple-watch .container .blurb-2 {
top: 1px;
left: 516px;
}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
.section-apple-watch .container .blurb-2 .arrow {
top: 47px;
left: -56px;
}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
.section-apple-watch .container .blurb-3 {
top: 199px;
left: 514px;
}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
.section-apple-watch .container .blurb-3 .arrow {
top: 131px;
left: -38px;
}
}
@media only screen and (max-width: 734px) {
.section-apple-watch .container .blurb-1 {
margin-bottom: 14px;
}
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
.section-apple-watch .overview-innovation-watch-arrow2 {
--p-width: 36px;
--p-height: 87px;
}
}
@media only screen and (max-width: 734px) {
.section-apple-watch .container .blurb-3 {
margin-bottom: 12px;
}
}
@media only screen and (max-width: 734px) {
.section-apple-watch .container .blurb-1 .arrow {
top: -99px;
left: 14px;
}
}
@media only screen and (max-width: 734px) {
.section-apple-watch .container .blurb-2 {
top: -15px;
}
}
@media only screen and (max-width: 734px) {
.section-apple-watch .container .blurb-2 .arrow {
top: 42px;
left: 162px;
}
}
@media only screen and (max-width: 734px) {
.section-apple-watch .container .blurb-3 {
bottom: -13px;
}
}
@media only screen and (max-width: 734px) {
.section-apple-watch .container .blurb-3 .arrow {
top: -61px;
left: 78px;
}
}
@media only screen and (max-width: 734px) {
.section-apple-watch .logo-copy {
max-width: 100%;
}
}
/* section-news */
.section-news #newsroom-header {
max-width: 25ch;
}
/* section-apple-watch */
.section-apple-watch .apple-watch-copy {
max-width: 60ch;
}
@media only screen and (min-width: 1069px) {
.modal[data-modal-name="apple-watch"] .modal-headline {
max-width: 24ch;
}
}
.section-packaging .card-headline {
width: 100%;
}
.section-apple-watch .modal-cta {
padding-top: 7px;
padding-bottom: 5px;
}
/* Fix FF */
.firefox .section-apple-watch .apple-watch-copy {
max-width: 46ch;
}
.firefox .modal[data-modal-name="carbon-neutral"] .modal-headline {
max-width: 15.7ch;
}
.firefox .modal[data-modal-name="carbon-neutral"] .modal-copy {
max-width: 54.5ch;
}
.firefox .section-trade-in .section-copy {
max-width: 33ch;
}
@media only screen and (max-width: 734px) {
.firefox .section-trade-in .section-copy {
max-width: 23.1ch;
}
}
.firefox .modal[data-modal-name="carbon-neutral"] .reports-headline {
max-width: 21.2ch;
}
@media only screen and (min-width: 1069px) {
.firefox .modal[data-modal-name="apple-watch"] .modal-headline {
max-width: 18.8ch;
}
}
/* .touch .ac-localnav-noborder .ac-ln-button.ac-ln-button-neutral{
padding-top: 5px;
} */
.touch #ac-localnav .ac-ln-button-neutral,
#ac-localnav.ac-localnav-dark .ac-ln-button-neutral,
#ac-localnav.ac-localnav-light .ac-ln-button-neutral {
padding-top: 5px;
}
/* lottie */
.section-products .section-content-responsive .animated-burst-text {
z-index: -1;
}
.section-products .section-content-responsive .animated-burst-text .lottie {
width: 140%;
height: 140%;
top: 48%;
}
/* .section-products .tile-mac-mini */
.overview-card-mac-mini-text {
position: relative;
top: -6px;
}
@media only screen and (max-width: 1068px) {
.overview-card-mac-mini-text {
top: 0;
}
}
@media only screen and (max-width: 734px) {
.overview-card-mac-mini-text {
top: -3px;
}
}
.overview-card-mac-mini-illustration {
position: relative;
bottom: -7px;
}
@media only screen and (max-width: 1068px) {
.overview-card-mac-mini-illustration {
bottom: 0;
}
}
@media only screen and (max-width: 734px) {
.overview-card-mac-mini-illustration {
bottom: -11px;
}
}
/* .section-products .tile-enclosure */
@media only screen and (min-width: 1069px) {
.overview-card-enclosure-text {
--p-height: 107px;
}
}
.section-products .tile-enclosure .tile-copy {
z-index: 1;
position: absolute;
top: 245px;
left: 156px;
}
@media only screen and (max-width: 1068px) {
.section-products .tile-enclosure .tile-copy {
top: 285px;
left: 148px;
}
}
@media only screen and (max-width: 734px) {
.section-products .tile-enclosure .tile-copy {
top: 248px;
left: 100px;
}
}
.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
position: relative;
top: -12px;
}
@media only screen and (max-width: 1068px) {
.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
top: -1px;
}
}
@media only screen and (max-width: 734px) {
.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
margin-block-start: 57px;
top: 10px;
left: -4px;
}
}
.section-products .tile-enclosure .tile-media .lottie-with-picture {
position: relative;
top: -13px;
}
@media only screen and (max-width: 1068px) {
.section-products .tile-enclosure .tile-media .lottie-with-picture {
top: -1px;
}
}
@media only screen and (max-width: 734px) {
.section-products .tile-enclosure .tile-media .lottie-with-picture {
top: 10px;
}
}
@media only screen and (max-width: 734px) {
.section-you .you-cta {
max-width: 24ch;
}
}
@media only screen and (max-width: 1068px) and (min-width: 735px) {
.section-products .tile-enclosure .tile-media .overview-card-enclosure {
top: 8px;
}
}
/* .section-products .tile-iphone */
.overview-card-iphone-text {
--p-height: 193px;
position: relative;
top: 2px;
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.overview-card-iphone-text {
--p-height: 156px;
top: 10px;
}
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
.overview-card-iphone-text {
--p-height: 107px;
top: 11px;
}
}
/* .section-products .tile-packaging-shipping */
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.overview-card-packaging-text {
--p-width: 218px;
}
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
.overview-card-packaging-text {
--p-width: 156px;
}
}
.section-products .tile-packaging-shipping .tile-copy {
inset: 682px 0 0 202px;
}
@media only screen and (max-width: 1068px) {
.section-products .tile-packaging-shipping .tile-copy {
inset: 576px 0 0 202px;
}
}
@media only screen and (max-width: 734px) {
.section-products .tile-packaging-shipping .tile-copy {
inset: 474px 0 0 129px;
}
}
.section-products
.section-content-responsive.cta
.icon-chevrondowncircle:after {
display: inline;
position: static;
}
.section-progress .tile-materials .progress-copy {
max-width: initial;
}
.section-people .people-headline {
max-width: 15.5ch;
}
.section-products .tile-recovery .products-headline {
max-width: 19ch;
}
.section-you .tile.tile-trade-in .tile-content {
max-width: 48ch;
}
@media only screen and (max-width: 1068px) {
.section-you .tile.tile-trade-in .tile-content {
max-width: 40ch;
}
}
.section-you .section-content-responsive .tile-trade-in h3 {
line-height: 1.2;
}
@media only screen and (max-width: 734px) {
.section-people .story-card-clean-water-program .story-headline {
max-width: 12ch;
}
}
@media only screen and (max-width: 734px) {
.section-people .story-card-restore-fund .story-headline {
max-width: 13ch;
}
}
@media only screen and (max-width: 734px) {
.progress-reports-link {
max-width: 100%;
}
}
.section-plan .gallery-item-product-use .plan-item-copy-product-use {
margin-top: 25px;
}
@media only screen and (max-width: 1068px) {
.section-plan .gallery-item-product-use .plan-item-copy-product-use {
margin-top: calc(
var(--plan-circle-height) - var(--plan-description-area-height)
);
}
}
.section-products .section-content-responsive .animated-burst-text .lottie {
width: 130%;
height: 130%;
}
.animated-highlighted-text .lottie {
top: 49%;
}
.plan-gallery .plan-item-description-copy {
max-width: 306px;
}
.animated-wavy-underlined-text .lottie {
top: 81%;
}
.section-hero .hero-intro .hero-intro-block {
max-width: 625px;
margin-inline-start: auto;
margin-left: auto;
margin-right: auto;
}
.section-products .products-copy {
max-width: 778px;
}
.section-people .people-copy {
max-width: 748px;
}
.section-you .you-copy {
max-width: 610px;
}
@media only screen and (max-width: 734px) {
.section-hero .hero-intro .hero-intro-block {
max-width: 249px;
}
}
@media only screen and (max-width: 734px) {
.section-hero .hero-headlines .hero-headline {
max-width: 260px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 734px) {
.section-plan .plan-headline {
max-width: 286px;
}
}
.section-products .tile-case .tile-copy {
top: 658px;
left: 284px;
}
@media only screen and (max-width: 1068px) {
.section-products .tile-case .tile-copy {
top: 572px;
left: 216px;
}
}
@media only screen and (max-width: 734px) {
.section-products .tile-case .tile-copy {
top: 435px;
left: 174px;
}
}
.overview-text-approach,
.overview-text-progress {
--p-height: 16px;
}
.section-products .products-gallery #iphone picture img {
display: block;
margin: auto;
}
.section-products .tile-iphone .tile-media {
gap: 30px;
}
.overview-plan-text-use {
margin-left: -3px;
}
@media only screen and (max-width: 734px) {
.overview-plan-text-use {
margin-left: -2px;
}
}
.overview-plan-text-package img {
margin-left: -13px;
}
@media only screen and (max-width: 1068px) {
.overview-plan-text-package img {
margin-left: -12px;
}
}
@media only screen and (max-width: 734px) {
.overview-plan-text-package img {
margin-left: -5px;
}
}
/* .section-products .tile-shipping tile-rounded */
.section-products .tile-shipping .overview-card-shipping-text {
bottom: 63px;
}
@media only screen and (min-width: 1069px) {
.overview-card-shipping-text {
--p-height: 116px;
}
}
.section-products .tile-shipping .tile-copy {
inset: 657px 0 0 263px;
}
@media only screen and (max-width: 1068px) {
.section-products .tile-shipping .tile-copy {
inset: 605px 0 0 236px;
}
}
@media only screen and (max-width: 734px) {
.section-products .tile-shipping .tile-copy {
inset: 461px 0 0 162px;
}
}
.overview-card-shipping-text img {
display: block;
margin: auto;
}
.section-products .tile-packaging-shipping .lottie-with-picture {
top: 42px;
}
@media only screen and (max-width: 1068px) {
.section-products .tile-packaging-shipping .lottie-with-picture {
top: 39px;
}
}
@media only screen and (max-width: 734px) {
.section-products .tile-packaging-shipping .lottie-with-picture {
top: 76px;
}
}
.section-products .tile-packaging-shipping .overview-card-packaging-text {
margin-block-end: 21px;
position: relative;
top: -18px;
}
@media only screen and (max-width: 1068px) {
.section-products .tile-packaging-shipping .overview-card-packaging-text {
margin-block-end: 51px;
top: -9px;
left: 4px;
}
}
@media only screen and (max-width: 1068px) {
.section-products .tile-shipping .overview-card-shipping-text {
bottom: 58px;
}
}
.section-products .tile-recovery .tile-content {
padding-block-end: 19px;
}
@media only screen and (max-width: 1068px) {
.section-products .tile-recovery .tile-content {
padding-block-end: 40px;
}
}
.overview-card-recover-arrow {
margin-top: 15px;
}
@media only screen and (max-width: 1068px) {
.section-products .tile-recovery .lottie-with-picture {
top: 60px;
}
}
@media only screen and (max-width: 734px) {
.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
margin-block-start: 57px;
}
.section-products .tile-enclosure .tile-media .lottie-with-picture {
margin-block-start: 2px;
}
.section-products .tile-shipping .overview-card-shipping-text {
bottom: 40px;
}
.section-products .tile-packaging-shipping .overview-card-packaging-text {
margin-block-end: 20px;
top: -2px;
}
}
.section-products .products-headline .animated-burst-text {
margin-left: 0.26em;
margin-right: 0.2em;
}
@media only screen and (max-width: 734px) {
.section-products .tile-packaging-shipping .products-headline {
max-width: 100%;
}
.ribbon-content .column {
max-width: 100%;
}
.section-you .typography-headline-elevated-tight:lang(ja) {
max-width: 400px;
}
.section-progress-reports .typography-headline-tight:lang(ja) {
max-width: 400px;
}
}
.typography-hero-headline:lang(ja) {
width: 100%;
}
.windows #ac-localnav .ac-ln-action-button .ac-ln-button {
padding-top: 2px;
padding-bottom: 4px;
}
.drawer-toggle.icon-wrapper[aria-expanded="true"] .icon-after:after {
top: 0.2em;
}
.windows .drawer-toggle.icon-wrapper[aria-expanded="true"] .icon-after:after {
top: 0;
}
.progress-reports-headline,
.section-reports-product .section-headline {
word-break: keep-all;
}
.word-breake-keep-all {
word-break: keep-all;
}
.reports-list-item br.xsmall {
display: none;
}
@media only screen and (max-width: 515px) and (min-width: 480px) {
.reports-list-item br.xsmall {
display: inline;
}
}
@media only screen and (max-width: 350px) {
.reports-list-item br.xsmall {
display: inline;
}
}
[data-component-list="DrawerComponent"] [data-drawer-toggle] {
top: 0.2em;
}
.touch [data-component-list="DrawerComponent"] [data-drawer-toggle] {
top: 0.1em;
}
.touch [data-component-list="DrawerComponent"] [data-drawer-toggle] .icon {
transform-origin: 73% 58% !important;
}
.plan-gallery .plan-item-description-product-use .plan-item-description-copy {
max-width: 250px;
}
@media only screen and (max-width: 734px) {
.plan-gallery .plan-item-description-product-use .plan-item-description-copy {
max-width: 190px;
}
}
.no-safari #ac-globalfooter .ac-gf-sosumi ol {
padding-left: 14px;
}
@media only screen and (max-width: 734px) {
.section-products .tile-enclosure .tile-media .overview-card-enclosure {
margin-top: 45px;
}
}