.tutorialCard{--border-width: 0rem;--border-color: transparent;--border-radius: 0rem;--padding-y: 0rem;--padding-x: 0rem;--shadow: none;--flex-direction: column;--align-items: center;--justify-content: center;--gap: 0rem;position:relative;overflow:hidden;display:flex;flex-direction:var(--flex-direction);align-items:var(--align-items);justify-content:var(--justify-content);gap:var(--gap);border:var(--border-width) solid var(--border-color);padding:var(--padding-y) var(--padding-x);border-radius:var(--border-radius);box-shadow:var(--shadow)}@media (min-width: 640px){.tutorialCard[data-layout-type=list]{--border-width: .0625rem;--border-color: rgba(0, 0, 0, .05);--padding-y: .625rem;--padding-x: 1.25rem;--shadow: 0rem .25rem .25rem 0rem rgba(0, 0, 0, .25);--flex-direction: row;--align-items: stretch;--gap: 1.875rem}}.tutorialCardImage{--position: relative;--width: 100%;--max-width: 100%;--border-radius: 0rem;overflow:hidden;position:var(--position);width:var(--width);max-width:var(--max-width);border-radius:var(--border-radius)}.tutorialCardImage img{aspect-ratio:60/43;width:100%;object-fit:contain;object-position:center}@media (min-width: 640px){.tutorialCard[data-layout-type=list] .tutorialCardImage{--position: static;--max-width: 14.375rem}.tutorialCard[data-layout-type=list] .tutorialCardImage img{height:100%}}.tutorialCardFavorite{--top: .375rem;--right: .625rem;position:absolute;z-index:2;width:1.875rem;height:1.875rem;top:var(--top);right:var(--right)}@media (min-width: 768px){.tutorialCardFavorite{--top: .4375rem;--right: .75rem}}@media (min-width: 640px){.tutorialCard[data-layout-type=list] .tutorialCardFavorite{--top: var(--padding-y);--right: var(--padding-x)}}.tutorialCardFavorite .fa-Icons{--width: 1.875rem;--height: 1.875rem;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.tutorialCardFavorite[data-favorite=true] .icon-heart{--fill: var(--color-primary);--stroke: var(--color-primary)}.tutorialCardFavorite:not([data-favorite]) .icon-heart,.tutorialCardFavorite[data-favorite=false] .icon-heart{--fill: transparent;--stroke: var(--color-primary);--strokeWidth: .125rem}.tutorialCardDiscount{--display: flex;--background-color: var(--color-primary);--color: var(--color-white);--top: 0rem;--left: 0rem;position:absolute;z-index:1;display:var(--display);top:var(--top);left:var(--left)}.tutorialCardDiscount svg path{fill:var(--background-color)}.tutorialCardDiscount p{--top: 1.75rem;--left: 0rem;position:absolute;z-index:5;transform-origin:center;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-52.2deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));text-align:center;font-size:1.125rem;font-weight:700;line-height:1;color:var(--color-white);top:var(--top);left:var(--left)}.tutorialCardContent{--display: flex;position:relative;width:100%;flex:1 1 auto;flex-direction:column;background-color:transparent;display:var(--display)}.tutorialCardPriceBlock{--display: flex;--flex-direction: row-reverse;--align-items: baseline;--gap: .75rem;--justify-content: flex-start;--position: relative;--top: auto;--right: auto;display:var(--display);flex-direction:var(--flex-direction);align-items:var(--align-items);justify-content:var(--justify-content);gap:var(--gap);position:var(--position);top:var(--top);right:var(--right);z-index:2}.tutorialCardPrice{display:block;font-size:var(--fontSize-base);line-height:1.4;font-weight:700;color:var(--color-dark)}@media (min-width: 640px){.tutorialCardPrice{font-size:1.25rem}}.tutorialCardOriginPrice{display:block;font-size:var(--fontSize-xs);line-height:1.4;--un-text-opacity:1;color:rgba(136,136,136,var(--un-text-opacity));text-decoration-line:line-through}.tutorialCardDate{--display: block;--margin-top: .25rem;--font-size: var(--fontSize-xs);text-overflow:ellipsis;line-height:1.5;color:var(--color-dark);display:var(--display);font-size:var(--font-size);margin-top:var(--margin-top)}@media (min-width: 640px){.tutorialCard[data-layout-type=list] .tutorialCardDate{--margin-top: 0rem;--font-size: var(--fontSize-base)}}.tutorialCardTitle{--font-size: 1rem;--margin-top: .5rem;--gap: .5rem;display:flex;flex-direction:column;margin-top:var(--margin-top);gap:var(--gap)}@media (min-width: 640px){.tutorialCardTitle{--font-size: 1.25rem}}.tutorialCardTitle a{display:block;width:100%;text-align:justify;font-weight:700;color:var(--color-primary);font-size:var(--font-size)}@media (min-width: 1280px){.tutorialCard[data-layout-type=list] .tutorialCardTitle{--font-size: 1.5rem}}.tutorialCardText{--display: block;font-size:var(--fontSize-xs);line-height:1.4;line-height:1.5;color:var(--color-dark);display:var(--display)}.tutorialCardAddress{position:relative;display:flex;align-items:center;gap:.1875rem;font-size:var(--fontSize-xs);line-height:1.4;color:var(--color-dark)}.tutorialCardAddress .fa-Icons{flex:none;padding-bottom:.125rem}.tutorialCardBottom{--padding-top: .4375rem;--flex-direction: row;--align-items: flex-end;--justify-content: space-between;--gap: 0rem;display:flex;flex-direction:var(--flex-direction);align-items:var(--align-items);justify-content:var(--justify-content);gap:var(--gap);padding-top:var(--padding-top);margin-top:auto}@media (min-width: 640px){.tutorialCard[data-layout-type=list] .tutorialCardBottom{--padding-top: auto;--flex-direction: column;--gap: .1875rem}}.tutorialCardBottomLeft{--display: flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.875rem;display:var(--display)}.tutorialCardBottomRight{--display: flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1.25rem;display:var(--display)}.tutorialCardProfile{--display: flex;align-items:center;gap:.375rem;display:var(--display)}.tutorialCardAuthor{font-size:var(--fontSize-base);line-height:1.4;color:var(--color-dark)}.tutorialCardAvator{--display: block;width:1.875rem;height:1.875rem;overflow:hidden;border-radius:9999px;--un-bg-opacity:1;background-color:rgba(217,217,217,var(--un-bg-opacity));display:var(--display)}@media (min-width: 640px){.tutorialCardAvator{--display: none}}@media (min-width: 640px){.tutorialCard[data-layout-type=list] .tutorialCardAvator{--display: block}}.tutorialCardAvator img{width:100%;height:100%;object-fit:cover;object-position:center}.tutorialCardTags{--display: grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:var(--display)}.tutorialCardTags span{display:flex;align-items:center;justify-content:center;padding:.1875rem .8125rem;text-align:center;font-size:var(--fontSize-xs);line-height:1.4;color:var(--color-white);background-color:var(--background-color)}.tutorialCardCart{--display: flex;flex-direction:column;align-items:flex-end;gap:.1875rem;display:var(--display)}.tutorialCardCoupon{--display: flex;align-items:center;gap:.25rem;font-size:var(--fontSize-xs);line-height:1.4;font-weight:300;color:var(--color-primary);display:var(--display)}.tutorialCardAddToCart{display:block;width:1.875rem;height:1.875rem}.tutorialCardAddToCart .fa-Icons{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);--fill: var(--color-dark)}@media (min-width: 640px){.tutorialCard[data-layout-type=list] .tutorialCardAddToCart{width:auto;height:auto;display:flex;align-items:center;gap:.625rem;border-radius:.625rem;background-color:var(--color-primary);padding:.75rem;color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.tutorialCard[data-layout-type=list] .tutorialCardAddToCart:hover{background-color:var(--color-primary-dark)}.tutorialCard[data-layout-type=list] .tutorialCardAddToCart:after{content:attr(data-title);font-size:var(--fontSize-base);line-height:1.4;font-weight:700;color:var(--color-white)}.tutorialCard[data-layout-type=list] .tutorialCardAddToCart .fa-Icons{--width: 1.25rem !important;--height: 1.25rem !important;--fill: var(--color-white)}}@media (min-width: 1536px){.tutorialCard[data-layout-type=list] .tutorialCardAddToCart:after{font-size:1.25rem}.tutorialCard[data-layout-type=list] .tutorialCardAddToCart .fa-Icons{--width: 1.875rem !important;--height: 1.875rem !important}}