.hp-online-shop-banner{--common-image-margin-left-desktop: 40px;--common-image-margin-right-desktop: 20px;--common-image-margin-bottom-desktop: 20px;--common-image-margin-top-mobile: 25px;--common-image-margin-left-mobile: 20px;--common-image-margin-right-mobile: 10px;--common-image-margin-bottom-mobile: 10px}.hp-online-shop-banner .online-shop-banner{position:relative;color:#fff;width:100%}@media screen and (max-width:768px){.hp-online-shop-banner .online-shop-english{font-size:20px;font-weight:700}}@media screen and (min-width:768px){.hp-online-shop-banner .online-shop-english{font-size:30px}}.hp-online-shop-banner .online-shop-top-right{writing-mode:vertical-rl;position:absolute;top:30px}@media screen and (max-width:768px){.hp-online-shop-banner .online-shop-top-right{font-size:16px;right:15px}}@media screen and (min-width:768px){.hp-online-shop-banner .online-shop-top-right{font-size:26px;right:40px}}.hp-online-shop-banner .online-shop-image{margin:auto}@media screen and (max-width:768px){.hp-online-shop-banner .online-shop-image{width:100%}}@media screen and (min-width:768px){.hp-online-shop-banner .online-shop-image{width:100%;border-radius:24px}}@media screen and (max-width:768px){.hp-online-shop-banner .link-to-online-shop-button{width:32px!important;height:32px!important}}@media screen and (min-width:768px){.hp-online-shop-banner .link-to-online-shop-button{width:80px;height:54px}}@media screen and (max-width:768px){.hp-online-shop-banner .hp-online-shop-banner .image-container{aspect-ratio:.77}}@media screen and (min-width:768px){.hp-online-shop-banner .hp-online-shop-banner .image-container{aspect-ratio:2}}.hp-online-shop-banner .online-shop-banner .button{background-color:#fff;border-radius:15px;cursor:pointer}.hp-online-shop-banner .top-right-text{letter-spacing:.1em;font-weight:900;writing-mode:vertical-rl}@media screen and (max-width:768px){.hp-online-shop-banner .top-right-text{font-size:16px}}@media screen and (min-width:768px){.hp-online-shop-banner .top-right-text{font-size:26px}}.hp-online-shop-banner .top-left-subtitle{line-height:1em;font-family:neue-haas-grotesk-text,sans-serif;font-weight:700}@media screen and (max-width:768px){.hp-online-shop-banner .top-left-subtitle{font-size:20px}}@media screen and (min-width:768px){.hp-online-shop-banner .top-left-subtitle{font-size:30px}}.hp-online-shop-banner .top-left-title{font-size:12px;font-weight:900}
/*# sourceMappingURL=/cdn/shop/t/16/assets/hp-online-shop-banner.css.map */