.callout{--grid-desktop-horizontal-spacing: 24px;position:relative}.callout__heading{margin-bottom:32px}.callout__heading h2{margin-bottom:0;font-weight:700}.callout__heading .title-wrapper{margin-bottom:0}@media(min-width:990px){.callout__heading{display:flex;gap:16px;align-items:flex-end;justify-content:space-between}}.callout__grid-controls{display:none;gap:8px;margin-bottom:6px;margin-left:auto}@media(min-width:990px){.callout__grid-controls{display:flex}}.callout__grid-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;font-size:18px;line-height:1;color:rgb(var(--color-foreground));cursor:pointer;background:#ebebeb;border:none;border-radius:50%;transition:transform .3s ease-in-out}.callout__grid-button svg{width:16px}.callout__grid-button:hover{transform:scale(1.2)}.callout__grid-button:active{box-shadow:0 2px 6px #0003;transform:scale(.96)}.callout__grid-button--prev .icon-caret{transform:rotate(90deg)}.callout__grid-button--next .icon-caret{transform:rotate(-90deg)}.callout__image{overflow:hidden;border-radius:10px}.callout__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}@media(max-width:989px){.callout__grid-wrap{display:none}}@media(min-width:990px){.callout__grid-wrap{padding-right:calc((100vw - min(var(--page-width),100vw))/2 + 5rem);padding-left:calc((100vw - min(var(--page-width),100vw))/2 + 5rem);margin-right:calc(-50vw + 50% + .8rem);margin-left:calc(-50vw + 50% + .8rem);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.callout__grid-wrap::-webkit-scrollbar{display:none}.callout__grid-wrap .card-wrapper,.callout__grid-wrap .card{box-sizing:border-box;width:100%;max-width:320px}.callout__grid-wrap .card .card__inner.ratio{aspect-ratio:1/1}.callout__grid-wrap .card .card__media .media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}}.callout ul{display:flex;flex:1;flex-wrap:wrap;gap:24px}.callout ul li{width:100%;max-width:320px}@media(max-width:989px){.callout ul{display:none}}@media(min-width:990px){.callout ul{flex-wrap:nowrap;width:-moz-max-content;width:max-content}.callout ul li.grid__item{box-sizing:border-box;flex-shrink:0;width:320px;max-width:320px}}.callout .card__content{position:relative}.callout .card__information .price{display:none}.callout .card__information .price--on-sale .price__sale{display:flex;flex-flow:column-reverse}.callout .card__redirect-media-link{z-index:1}.callout .sale-tag{display:none}.callout .sale-tag.active{display:inline-flex}.callout .media .callout-pip{inset:var(--callout-pip-top, auto) var(--callout-pip-right, auto) var(--callout-pip-bottom, auto) var(--callout-pip-left, auto);width:calc(var(--callout-pip-size, 30) * 1%);height:auto;aspect-ratio:1/1;overflow:hidden;border-radius:10px;box-shadow:0 6px 16px #0000001f;opacity:calc(var(--callout-pip-opacity, 100) / 100);position:absolute;z-index:2;display:block;padding:0;cursor:pointer;background:#fff9;border:1px solid rgba(0,0,0,.12);transition:opacity .2s ease}.callout .media .callout-pip:focus-visible{outline:2px solid currentColor;outline-offset:2px}.callout .media .callout-pip[hidden]{display:none}.callout .media .callout-pip img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.callout .is-callout-pip-swapped .media{--card-media-active-opacity: calc(var(--callout-pip-opacity, 100) / 100)}.callout .is-callout-pip-swapped .media .callout-pip.is-active{top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;aspect-ratio:auto;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;opacity:1}.callout .is-callout-pip-swapped .media>img.active{inset:var(--callout-pip-top, auto) var(--callout-pip-right, auto) var(--callout-pip-bottom, auto) var(--callout-pip-left, auto);width:calc(var(--callout-pip-size, 30) * 1%);height:auto;aspect-ratio:1/1;overflow:hidden;border-radius:10px;box-shadow:0 6px 16px #0000001f;opacity:calc(var(--callout-pip-opacity, 100) / 100);z-index:3;pointer-events:none}.callout .card-js[data-callout-pip-corner=top-left]{--callout-pip-top: 12px;--callout-pip-right: auto;--callout-pip-bottom: auto;--callout-pip-left: 12px}.callout .card-js[data-callout-pip-corner=top-right]{--callout-pip-top: 12px;--callout-pip-right: 12px;--callout-pip-bottom: auto;--callout-pip-left: auto}.callout .card-js[data-callout-pip-corner=bottom-left]{--callout-pip-top: auto;--callout-pip-right: auto;--callout-pip-bottom: 12px;--callout-pip-left: 12px}.callout .card-js[data-callout-pip-corner=bottom-right]{--callout-pip-top: auto;--callout-pip-right: 12px;--callout-pip-bottom: 12px;--callout-pip-left: auto}.callout__slider-wrap .callout__slider::part(wrapper){display:flex;flex-flow:row nowrap}.callout__slider-wrap swiper-slide{box-sizing:border-box;flex-shrink:0;width:320px;max-width:100%}.callout__slider-wrap .card-wrapper,.callout__slider-wrap .card{box-sizing:border-box;width:100%;max-width:100%}.callout__slider-wrap .card .card__inner.ratio{aspect-ratio:1/1}.callout__slider-wrap .card .card__media .media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.callout__slider{--swiper-navigation-color: #000000;--swiper-navigation-size:25.2px;width:100%;margin-left:0}.callout__slider::part(button-next),.callout__slider::part(button-prev){top:calc((100vw - 3rem)/2);width:20px;height:20px;padding:8px;color:#000;background:#ffffff38;border:1px solid rgba(255,255,255,.35);border-radius:50px;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff40;transition:background-color .2s ease,opacity .2s ease,transform .1s ease;transform:translateY(-50%)}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.callout__slider::part(button-next),.callout__slider::part(button-prev){-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}}.callout__slider::part(button-next):hover,.callout__slider::part(button-prev):hover{background:#ffffff52;border-color:#ffffff80;box-shadow:0 6px 16px #0003,inset 0 1px #ffffff59}.callout__slider::part(button-next):active,.callout__slider::part(button-prev):active{box-shadow:0 2px 8px #0003;transform:translateY(-50%) scale(.96)}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){.callout__slider::part(button-next),.callout__slider::part(button-prev){background:#ffffffb3}}@media(min-width:990px){.callout__slider{display:none}}@media(min-width:990px){.callout__slider-wrap{display:none}}.callout__slide{padding-bottom:32px}.callout .card .card__inner .card__media{z-index:1}@media(max-width:989px){.callout__slider-wrap--single swiper-slide,.callout__slider-wrap--single .card-wrapper,.callout__slider-wrap--single .card{width:100%;max-width:100%}}@media(prefers-reduced-motion:reduce){.callout .callout-pip{transition:none}.callout .callout__slider::part(button-next),.callout .callout__slider::part(button-prev){transition:none}}.callout div.card-wrapper:not(.article-card-wrapper) .card__heading{font-size:2.4rem;font-weight:700;letter-spacing:0;line-height:1.12}.callout .card__heading .subtitle{display:block;margin-top:8px;font-size:1.3rem;font-weight:500;letter-spacing:0;line-height:1.3}.callout .card__title-prefix{display:block;margin-bottom:4px;color:#004449b8;font-size:1.25rem;font-weight:800;letter-spacing:0;line-height:1.12}.callout div.card-wrapper:not(.article-card-wrapper) .card__tag-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.callout .card__tag-wrapper>modal-opener{display:flex;max-width:100%}.callout .card__tag{width:auto;max-width:100%;margin:0!important;border-color:#0044492e;border-radius:5px}.callout .card__tag .tag__wrapper{display:flex;align-items:center;justify-content:center;min-height:22px;height:auto;padding:5px 7px;border-radius:4px}.callout .card__tag .tag__wrapper:has(.tag__icon){padding-right:24px}.callout .card__tag .tag__icon{display:block}.callout .card__tag .tag__text{--tag-font-size: .85rem;font-weight:700;letter-spacing:0;line-height:1.15}html[lang^=zh] .callout .card__tag .tag__text,.callout .card__tag .tag__text--localized{font-size:.95rem}.callout .swatches{align-items:center;gap:8px;margin-top:2px}.callout .swatch-wrapper{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;min-width:26px;height:26px;min-height:26px;aspect-ratio:1 / 1;padding:0;line-height:0;border-radius:999px}.callout .swatch{flex:0 0 24px;width:24px;min-width:24px;height:24px;min-height:24px;aspect-ratio:1 / 1}.callout .swatch-wrapper:hover .swatch,.callout .swatch-wrapper.active .swatch{transform:scale(.86) rotate(-135deg)}.callout .swatch-wrapper:hover .swatch-taichi,.callout .swatch-wrapper.active .swatch-taichi{transform:scale(.86)}#tryon-shop .callout__grid li.grid__item:nth-of-type(1),#tryon-shop .callout__slider swiper-slide:nth-of-type(1){--tryon-card-title-prefix: "Fancy"}#tryon-shop .callout__grid li.grid__item:nth-of-type(2),#tryon-shop .callout__slider swiper-slide:nth-of-type(2){--tryon-card-title-prefix: "Halo"}#tryon-shop .callout__grid li.grid__item:nth-of-type(3),#tryon-shop .callout__slider swiper-slide:nth-of-type(3){--tryon-card-title-prefix: "Cogs"}#tryon-shop .callout__grid li.grid__item:nth-of-type(4),#tryon-shop .callout__slider swiper-slide:nth-of-type(4){--tryon-card-title-prefix: "Ovo"}#tryon-shop .callout__grid li.grid__item:nth-of-type(5),#tryon-shop .callout__slider swiper-slide:nth-of-type(5){--tryon-card-title-prefix: "Zealot"}#tryon-shop .callout__grid li.grid__item:nth-of-type(6),#tryon-shop .callout__slider swiper-slide:nth-of-type(6){--tryon-card-title-prefix: "Venti Air"}#tryon-shop .card>.card__content .card__heading:not(:has(.card__title-prefix)):before{content:var(--tryon-card-title-prefix);display:block;margin-bottom:4px;color:#004449b8;font-size:1.25rem;font-weight:800;letter-spacing:0;line-height:1.12}@media screen and (max-width:749px){.callout div.card-wrapper:not(.article-card-wrapper) .card__heading{font-size:2.4rem;line-height:1.14}}.callout .sale-tag:not([data-id]){display:inline-flex}
/*# sourceMappingURL=/cdn/shop/t/270/assets/section-callout.css.map */