.color-1{color:var(--color-1)}.color-2{color:var(--color-2)}.bg-black{background:var(--theme-black)}.bg-white{background:var(--theme-white)}.bg-color-1{background:var(--color-1)}.bg-color-2{background:var(--color-2)}.flex{display:flex}.flex.column{flex-direction:column}.flex.wrap{flex-wrap:wrap}.flex.justify-start{justify-content:flex-start}.flex.justify-end{justify-content:flex-end}.flex.justify-center{justify-content:center}.flex.justify-between{justify-content:space-between}.flex.justify-around{justify-content:space-around}.flex.justify-evenly{justify-content:space-evenly}.flex.align-start{align-items:flex-start}.flex.align-center{align-items:center}.flex.align-end{align-items:flex-end}.flex.align-stretch{align-items:stretch}.flex.align-baseline{align-items:baseline}.text-center{text-align:center}@keyframes slideleft{0%{background-position-x:0}to{background-position-x:-140px}}@keyframes slideleft-large{0%{background-position-x:0}to{background-position-x:-230px}}.wave-underline-link a{display:inline-block;position:relative}.wave-underline-link a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:6px;background-image:url(wave-main-color.svg);background-repeat:repeat-x;background-position:0 0}.wave-underline-link a:hover:after{-webkit-animation:slideleft 6s infinite linear;animation:slideleft 6s infinite linear}.wave-underline-strong strong{display:inline-block;position:relative}.wave-underline-strong strong:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:6px;background-image:url(wave-main-color.svg);background-repeat:repeat-x;background-position:0 0}.wave-underline-strong strong:hover:after,.wave-underline-strong.auto strong:after{-webkit-animation:slideleft 6s infinite linear;animation:slideleft 6s infinite linear}.wave-underline-strong.large strong:after{background-image:url(wave-main-color-large.svg);bottom:-4px}.wave-underline-strong.large strong:hover:after,.wave-underline-strong.large.auto strong:after{-webkit-animation:slideleft-large 10s infinite linear;animation:slideleft-large 10s infinite linear}.wave-underline-strong.white strong:after{background-image:url(wave-white-large.svg)}.wave-underline-strong.red strong:after{background-image:url(wave-red-large.svg);bottom:0}.wave-underline-strong.red strong:hover:after,.wave-underline-strong.red.auto strong:after{-webkit-animation:slideleft-large 10s infinite linear;animation:slideleft-large 10s infinite linear}@-webkit-keyframes anim_underline{0%{width:100%;left:auto;right:0}49.9%{width:0%;left:auto;right:0}50%{width:0%;left:0;right:auto}to{width:100%;left:0;right:auto}}@keyframes anim_underline{0%{width:100%;left:auto;right:0}49.9%{width:0%;left:auto;right:0}50%{width:0%;left:0;right:auto}to{width:100%;left:0;right:auto}}@-webkit-keyframes anim_growFromLeft{0%{width:0;left:0;right:auto}to{width:100%;left:0;right:auto}}@keyframes anim_growFromLeft{0%{width:0;left:0;right:auto}to{width:100%;left:0;right:auto}}@-webkit-keyframes anim_shrinkToRight{0%{width:100%;right:0;left:auto}to{width:0;right:0;left:auto}}@keyframes anim_shrinkToRight{0%{width:100%;right:0;left:auto}to{width:0;right:0;left:auto}}@keyframes animation-announcement{0%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0)}to{-webkit-transform:translate3d(calc(-100% - 20px),0,0);-moz-transform:translate3d(calc(-100% - 20px),0,0);-ms-transform:translate3d(calc(-100% - 20px),0,0);-o-transform:translate3d(calc(-100% - 20px),0,0);transform:translate3d(calc(-100% - 20px),0,0)}}.grid{display:grid}@media only screen and (min-width:1170px){.grid.grid--3-col-desktop{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:1169px){.grid.grid--2-col-tablet-down{grid-template-columns:repeat(2,1fr)}}.grid .grid__item{width:100%;max-width:none}html{scroll-behavior:smooth}body.no-scroll{overflow:hidden}.container{width:100%;box-sizing:border-box;margin:auto;padding:0 30px}@media screen and (max-width:990px){.container{padding:0 20px}}.container.grid{grid-template-columns:repeat(12,1fr);grid-template-rows:auto;grid-gap:30px}@media screen and (max-width:1170px){.container.grid{grid-template-columns:repeat(12,1fr);padding:0 30px;grid-gap:30px}}@media screen and (max-width:990px){.container.grid{grid-template-columns:repeat(2,1fr);padding:0 20px;grid-gap:30px}}.container.no-padding{padding:0}.container.fluid{max-width:100%}.container.debug{display:grid;opacity:0;position:fixed;height:100vh;pointer-events:none;z-index:100}.container.debug.visible{opacity:1}.container.debug .col{background:#657d6b4d;grid-column:span 1;text-align:center}.col-1{height:auto;grid-column:span 1}.col-2{height:auto;grid-column:span 2}.col-3{height:auto;grid-column:span 3}.col-4{height:auto;grid-column:span 4}.col-5{height:auto;grid-column:span 5}.col-6{height:auto;grid-column:span 6}.col-7{height:auto;grid-column:span 7}.col-8{height:auto;grid-column:span 8}.col-9{height:auto;grid-column:span 9}.col-10{height:auto;grid-column:span 10}.col-11{height:auto;grid-column:span 11}.col-12{height:auto;grid-column:span 12}@media screen and (max-width:989px){.col-m-1{height:auto;grid-column:span 1}}@media screen and (max-width:989px){.col-m-2{height:auto;grid-column:span 2}}@media screen and (max-width:989px){.col-m-3{height:auto;grid-column:span 3}}@media screen and (max-width:989px){.col-m-4{height:auto;grid-column:span 4}}@media screen and (max-width:989px){.col-m-5{height:auto;grid-column:span 5}}@media screen and (max-width:989px){.col-m-6{height:auto;grid-column:span 6}}@media screen and (max-width:989px){.col-m-7{height:auto;grid-column:span 7}}@media screen and (max-width:989px){.col-m-8{height:auto;grid-column:span 8}}@media screen and (max-width:989px){.col-m-9{height:auto;grid-column:span 9}}@media screen and (max-width:989px){.col-m-10{height:auto;grid-column:span 10}}@media screen and (max-width:989px){.col-m-11{height:auto;grid-column:span 11}}@media screen and (max-width:989px){.col-m-12{height:auto;grid-column:span 12}}.col-s-1{height:auto;grid-column:span 1}.col-s-2{height:auto;grid-column:span 2}.font-reckless,.fs-20-18,div.section-ofa-tips .tips-container .tip .verso .text,.fs-22-18,.fs-24-22,.fs-30-20,div.section-ofa-tips .tips-container .tip .title,.fs-34-24,.fs-44-34,.fs-44-40,.fs-60-40{font-family:Reckless,serif}.font-acumin,.fs-13,div.section-ofa-tips .tips-container .tip .category,.fs-14,div.section-ofa-tips .tips-container .tip .hashtags,.fs-16-14,.fs-16,div.section-ofa-tips .tips-container .tip .verso .btn-container .ofa-btn,.fs-18-14,.fs-18-16{font-family:acumin-pro,sans-serif}.fw-700{font-weight:700}.fw-600{font-weight:600}.fw-500{font-weight:500}.fw-400{font-weight:400}.fs-60-40{font-size:clamp(2.5rem,2.1173rem + 1.6327vw,3.75rem);line-height:clamp(3.125rem,2.9337rem + .8163vw,3.75rem);font-weight:500}.fs-44-40{font-size:clamp(2.5rem,2.3654rem + .3846vw,2.75rem);line-height:clamp(3.125rem,2.9904rem + .3846vw,3.375rem)}.fs-44-34{font-size:clamp(2.125rem,1.9337rem + .8163vw,2.75rem);line-height:clamp(2.75rem,2.5587rem + .8163vw,3.375rem)}.fs-34-24{font-size:34px;line-height:44px}@media only screen and (max-width:1169px){.fs-34-24{font-size:24px;line-height:34px}}.fs-30-20,div.section-ofa-tips .tips-container .tip .title{font-size:30px;line-height:40px}@media only screen and (max-width:1169px){.fs-30-20,div.section-ofa-tips .tips-container .tip .title{font-size:24px;line-height:34px}}@media screen and (max-width:989px){.fs-30-20,div.section-ofa-tips .tips-container .tip .title{font-size:20px;line-height:30px}}.fs-24-22{font-size:24px;line-height:34px}@media only screen and (max-width:1169px){.fs-24-22{font-size:22px;line-height:32px}}.fs-22-18{font-size:22px;line-height:32px}@media only screen and (max-width:1169px){.fs-22-18{font-size:18px;line-height:28px}}.fs-20-18,div.section-ofa-tips .tips-container .tip .verso .text{font-size:20px;line-height:30px}@media only screen and (max-width:1169px){.fs-20-18,div.section-ofa-tips .tips-container .tip .verso .text{font-size:18px;line-height:30px}}.fs-18-16{font-size:18px;line-height:28px}@media only screen and (max-width:1169px){.fs-18-16{font-size:16px;line-height:26px}}.fs-18-14{font-size:18px;line-height:28px}@media only screen and (max-width:1169px){.fs-18-14{font-size:14px;line-height:24px}}.fs-16,div.section-ofa-tips .tips-container .tip .verso .btn-container .ofa-btn{font-weight:400;font-size:16px;line-height:26px}.fs-16-14{font-size:16px;line-height:26px}@media only screen and (max-width:1169px){.fs-16-14{font-size:14px;line-height:24px}}.fs-14,div.section-ofa-tips .tips-container .tip .hashtags{font-size:14px;line-height:24px;font-weight:400}.fs-13,div.section-ofa-tips .tips-container .tip .category{font-size:13px;font-weight:500}div.section-ofa-tips{padding:80px 0;overflow:hidden}div.section-ofa-tips .logo{width:100%;height:auto;margin-bottom:50px}div.section-ofa-tips .logo svg *{fill:rgb(var(--color-orange))}div.section-ofa-tips .tips-container{width:100%}div.section-ofa-tips .tips-container:not(.swiper-initialized) .tip{margin-right:30px}@media only screen and (max-width:799px){div.section-ofa-tips .tips-container:not(.swiper-initialized) .tip{margin-right:15px}}div.section-ofa-tips .tips-container .tip{position:relative;width:calc(25% - 22.5px);height:auto;text-align:left;-webkit-perspective:2000px;perspective:2000px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}div.section-ofa-tips .tips-container .tip *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}@media only screen and (max-width:1279px){div.section-ofa-tips .tips-container .tip{width:30%}}@media only screen and (max-width:1169px){div.section-ofa-tips .tips-container .tip{width:45%}}@media only screen and (max-width:799px){div.section-ofa-tips .tips-container .tip{width:45%}}@media screen and (max-width:989px){div.section-ofa-tips .tips-container .tip{width:90%;max-width:345px}}div.section-ofa-tips .tips-container .tip .recto,div.section-ofa-tips .tips-container .tip .verso{position:relative;border:1px solid rgb(var(--color-black));border-radius:20px;width:100%;height:100%;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;backface-visibility:hidden}div.section-ofa-tips .tips-container .tip .verso{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);overflow:scroll}div.section-ofa-tips .tips-container .tip .recto .image{width:100%}div.section-ofa-tips .tips-container .tip .recto .image img{width:100%;height:auto}div.section-ofa-tips .tips-container .tip .tip__content{flex-grow:2;width:100%;box-sizing:border-box}div.section-ofa-tips .tips-container .tip .tip__content,div.section-ofa-tips .tips-container .tip .text,div.section-ofa-tips .tips-container .tip .btn-container{padding:0 40px}@media only screen and (max-width:1169px){div.section-ofa-tips .tips-container .tip .tip__content,div.section-ofa-tips .tips-container .tip .text,div.section-ofa-tips .tips-container .tip .btn-container{padding:0 30px}}@media screen and (max-width:989px){div.section-ofa-tips .tips-container .tip .tip__content,div.section-ofa-tips .tips-container .tip .text,div.section-ofa-tips .tips-container .tip .btn-container{padding:0 25px}}div.section-ofa-tips .tips-container .tip .category{background:rgba(var(--color-black),.1);display:inline-block;padding:4px 6px;margin-top:25px;border-radius:5px}div.section-ofa-tips .tips-container .tip .title{width:100%;margin:20px auto}@media only screen and (max-width:1169px){div.section-ofa-tips .tips-container .tip .title{margin:20px auto 30px}}@media screen and (max-width:989px){div.section-ofa-tips .tips-container .tip .title{margin:15px auto 30px}}div.section-ofa-tips .tips-container .tip .hashtags{margin-top:auto;margin-bottom:40px}@media only screen and (max-width:1169px){div.section-ofa-tips .tips-container .tip .hashtags{margin-bottom:30px}}div.section-ofa-tips .tips-container .tip .verso{position:absolute;top:0;left:0;background:rgb(var(--color-yellow))}div.section-ofa-tips .tips-container .tip .verso .text{margin:40px 0}@media only screen and (max-width:1169px){div.section-ofa-tips .tips-container .tip .verso .text{font-size:16px;line-height:22px}}@media screen and (max-width:989px){div.section-ofa-tips .tips-container .tip .verso .text{font-size:14px;line-height:20px}}div.section-ofa-tips .tips-container .tip .verso .btn-container{width:100%;box-sizing:border-box}div.section-ofa-tips .tips-container .tip .verso .btn-container .ofa-btn{display:block;box-sizing:border-box;width:100%;background:rgb(var(--color-black));color:rgb(var(--color-yellow));font-weight:500;text-align:center;padding:20px;margin-top:auto;margin-bottom:35px;border:1px solid rgb(var(--color-black));border-radius:20px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}div.section-ofa-tips .tips-container .tip .verso .btn-container .ofa-btn:hover{color:rgb(var(--color-black));background:rgb(var(--color-yellow))}div.section-ofa-tips .tips-container .tip.open .recto{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg)}div.section-ofa-tips .tips-container .tip.open .verso{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0)}@media only screen and (min-width:1170px){div.section-ofa-tips .tips-container .tip:hover .recto{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg)}div.section-ofa-tips .tips-container .tip:hover .verso{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-ofa-tips.css.map */