@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){@keyframes rafeReveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes rafeRevealSoft{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.product-grid .section-head,.product-grid .sec-head,.product-grid-section .section-head,.shop-the-look h2,.shop-the-look .section-sub,.about-strip>*,.ribbon .text-side>*,.news h3,.news p,.news form,.page-header>*,.col-hero .text>*{animation:rafeReveal linear both;animation-timeline:view();animation-range:entry 0% cover 22%}.product-grid .carousel>*,.product-grid-section .grid>*,.template-collection .grid>*,.collection .grid>*,.cats .cat{animation:rafeRevealSoft linear both;animation-timeline:view();animation-range:entry 0% cover 18%}.ribbon .img-side{animation:rafeRevealSoft linear both;animation-timeline:view();animation-range:entry 0% cover 30%}}}.product{transition:transform .5s var(--transition-slow)}.product:hover{transform:translateY(-4px)}.cats .cat .label{transition:letter-spacing .6s var(--transition-slow)}.cats .cat:hover .label{letter-spacing:.4em}.btn.lg{transition:background .4s var(--transition-slow),color .4s,border-color .4s,transform .4s var(--transition-slow)}.btn.lg:hover{transform:translateY(-1px)}nav.main .left-nav a,nav.main .right-nav a{position:relative}nav.main .left-nav a:after,nav.main .right-nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--transition-slow)}nav.main .left-nav a:hover:after,nav.main .right-nav a:hover:after{transform:scaleX(1);transform-origin:left}@media(max-width:900px){nav.main .left-nav a:after,nav.main .right-nav a:after{display:none}}footer .col li a{display:inline-block;transition:transform .3s var(--transition-slow)}footer .col li a:hover{transform:translate(3px)}html[dir=rtl] footer .col li a:hover{transform:translate(-3px)}html[dir=rtl] body{font-family:IBM Plex Sans Arabic,Inter,sans-serif;font-size:15px;letter-spacing:0}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] nav.main .logo,html[dir=rtl] .logo-word,html[dir=rtl] .hero-tile .text h1,html[dir=rtl] .about-strip h2,html[dir=rtl] .page-header h1,html[dir=rtl] .s-head h1,html[dir=rtl] .head h1,html[dir=rtl] .col-hero .text h1,html[dir=rtl] .news h3,html[dir=rtl] .ribbon .text-side h2,html[dir=rtl] .product-grid h2,html[dir=rtl] .product .info h3,html[dir=rtl] .pdp .info-side h1,html[dir=rtl] .drawer .item .info .name,html[dir=rtl] .drawer .empty h4,html[dir=rtl] .cart-page h1{font-family:IBM Plex Sans Arabic,Cormorant Garamond,serif!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}html[dir=rtl] p,html[dir=rtl] a,html[dir=rtl] span,html[dir=rtl] li,html[dir=rtl] .btn,html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] .eyebrow,html[dir=rtl] .announce,html[dir=rtl] .toolbar,html[dir=rtl] nav.main .left-nav,html[dir=rtl] nav.main .right-nav,html[dir=rtl] .product .info .color,html[dir=rtl] .collection-tag,html[dir=rtl] footer .col h5,html[dir=rtl] footer .col li,html[dir=rtl] .menu-overlay .menu-eyebrow,html[dir=rtl] .description,html[dir=rtl] .page-content,html[dir=rtl] .drawer .item .meta{font-family:IBM Plex Sans Arabic,Inter,sans-serif!important}html[dir=rtl] body,html[dir=rtl] p,html[dir=rtl] li,html[dir=rtl] .description,html[dir=rtl] .page-content{font-weight:400}html[dir=rtl] .announce,html[dir=rtl] .eyebrow,html[dir=rtl] .btn,html[dir=rtl] nav.main .left-nav,html[dir=rtl] nav.main .right-nav,html[dir=rtl] .product .info .color,html[dir=rtl] footer .col h5,html[dir=rtl] .menu-overlay .menu-eyebrow,html[dir=rtl] .toolbar,html[dir=rtl] .collection-tag,html[dir=rtl] .cats .cat .label,html[dir=rtl] .btn.solid,html[dir=rtl] .page-header .eyebrow,html[dir=rtl] .drawer .drawer-head h3,html[dir=rtl] .product .photo .tag{letter-spacing:0!important;text-transform:none!important}html[dir=rtl] .cats .cat:hover .label{letter-spacing:0!important}html[dir=rtl] p,html[dir=rtl] .description,html[dir=rtl] .page-content,html[dir=rtl] .hero-tile .text p,html[dir=rtl] .about-strip p,html[dir=rtl] li{line-height:1.9}
/*# sourceMappingURL=/cdn/shop/t/10/assets/rafe-motion.css.map */