.shopdev-blog-post-layout *,.shopdev-blog-post-layout :after,.shopdev-blog-post-layout :before{border:0 solid #e5e7eb;box-sizing:border-box}.shopdev-blog-post-layout :after,.shopdev-blog-post-layout :before{--tw-content:""}.shopdev-blog-post-layout{line-height:1.5;-webkit-text-size-adjust:100%;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}.shopdev-blog-post-layout hr{border-top-width:1px;color:inherit;height:0}.shopdev-blog-post-layout abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.shopdev-blog-post-layout h1,.shopdev-blog-post-layout h2,.shopdev-blog-post-layout h3,.shopdev-blog-post-layout h4,.shopdev-blog-post-layout h5,.shopdev-blog-post-layout h6{font-size:inherit;font-weight:inherit}.shopdev-blog-post-layout a{color:inherit;text-decoration:inherit}.shopdev-blog-post-layout b,.shopdev-blog-post-layout strong{font-weight:bolder}.shopdev-blog-post-layout code,.shopdev-blog-post-layout kbd,.shopdev-blog-post-layout pre,.shopdev-blog-post-layout samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}.shopdev-blog-post-layout small{font-size:80%}.shopdev-blog-post-layout sub,.shopdev-blog-post-layout sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.shopdev-blog-post-layout sub{bottom:-.25em}.shopdev-blog-post-layout sup{top:-.5em}.shopdev-blog-post-layout table{border-collapse:collapse;border-color:inherit;text-indent:0}.shopdev-blog-post-layout button,.shopdev-blog-post-layout input,.shopdev-blog-post-layout optgroup,.shopdev-blog-post-layout select,.shopdev-blog-post-layout textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}.shopdev-blog-post-layout button,.shopdev-blog-post-layout select{text-transform:none}.shopdev-blog-post-layout button,.shopdev-blog-post-layout input:where([type=button]),.shopdev-blog-post-layout input:where([type=reset]),.shopdev-blog-post-layout input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}.shopdev-blog-post-layout :-moz-focusring{outline:auto}.shopdev-blog-post-layout :-moz-ui-invalid{box-shadow:none}.shopdev-blog-post-layout progress{vertical-align:baseline}.shopdev-blog-post-layout ::-webkit-inner-spin-button,.shopdev-blog-post-layout ::-webkit-outer-spin-button{height:auto}.shopdev-blog-post-layout [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.shopdev-blog-post-layout ::-webkit-search-decoration{-webkit-appearance:none}.shopdev-blog-post-layout ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.shopdev-blog-post-layout summary{display:list-item}.shopdev-blog-post-layout blockquote,.shopdev-blog-post-layout dd,.shopdev-blog-post-layout dl,.shopdev-blog-post-layout figure,.shopdev-blog-post-layout h1,.shopdev-blog-post-layout h2,.shopdev-blog-post-layout h3,.shopdev-blog-post-layout h4,.shopdev-blog-post-layout h5,.shopdev-blog-post-layout h6,.shopdev-blog-post-layout hr,.shopdev-blog-post-layout p,.shopdev-blog-post-layout pre{margin:0}.shopdev-blog-post-layout fieldset{margin:0;padding:0}.shopdev-blog-post-layout legend{padding:0}.shopdev-blog-post-layout menu,.shopdev-blog-post-layout ol,.shopdev-blog-post-layout ul{list-style:none;margin:0;padding:0}.shopdev-blog-post-layout dialog{padding:0}.shopdev-blog-post-layout textarea{resize:vertical}.shopdev-blog-post-layout input::-moz-placeholder,.shopdev-blog-post-layout textarea::-moz-placeholder{color:#9ca3af;opacity:1}.shopdev-blog-post-layout input::placeholder,.shopdev-blog-post-layout textarea::placeholder{color:#9ca3af;opacity:1}.shopdev-blog-post-layout [role=button],.shopdev-blog-post-layout button{cursor:pointer}.shopdev-blog-post-layout :disabled{cursor:default}.shopdev-blog-post-layout audio,.shopdev-blog-post-layout canvas,.shopdev-blog-post-layout embed,.shopdev-blog-post-layout iframe,.shopdev-blog-post-layout img,.shopdev-blog-post-layout object,.shopdev-blog-post-layout svg,.shopdev-blog-post-layout video{display:block;vertical-align:middle}.shopdev-blog-post-layout img,.shopdev-blog-post-layout video{height:auto;max-width:100%}.shopdev-blog-post-layout [hidden]:where(:not([hidden=until-found])){display:none}.shopdev-blog-post-layout *,.shopdev-blog-post-layout :after,.shopdev-blog-post-layout :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.shopdev-blog-post-layout ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.shopdev-blog-post-layout .collapse{visibility:collapse}.shopdev-blog-post-layout .fixed{position:fixed}.shopdev-blog-post-layout .absolute{position:absolute}.shopdev-blog-post-layout .relative{position:relative}.shopdev-blog-post-layout .sticky{position:sticky}.shopdev-blog-post-layout .right-3{right:12px}.shopdev-blog-post-layout .top-1\/2{top:50%}.shopdev-blog-post-layout .mb-1{margin-bottom:4px}.shopdev-blog-post-layout .mb-10{margin-bottom:40px}.shopdev-blog-post-layout .mb-12{margin-bottom:48px}.shopdev-blog-post-layout .mb-2{margin-bottom:8px}.shopdev-blog-post-layout .mb-4{margin-bottom:16px}.shopdev-blog-post-layout .mb-5{margin-bottom:20px}.shopdev-blog-post-layout .mb-8{margin-bottom:32px}.shopdev-blog-post-layout .mt-3{margin-top:12px}.shopdev-blog-post-layout .mt-4{margin-top:16px}.shopdev-blog-post-layout .line-clamp-2{-webkit-line-clamp:2}.shopdev-blog-post-layout .line-clamp-2,.shopdev-blog-post-layout .line-clamp-3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.shopdev-blog-post-layout .line-clamp-3{-webkit-line-clamp:3}.shopdev-blog-post-layout .block{display:block}.shopdev-blog-post-layout .inline-block{display:inline-block}.shopdev-blog-post-layout .flex{display:flex}.shopdev-blog-post-layout .table{display:table}.shopdev-blog-post-layout .hidden{display:none}.shopdev-blog-post-layout .h-\[200px\]{height:200px}.shopdev-blog-post-layout .h-auto{height:auto}.shopdev-blog-post-layout .h-full{height:100%}.shopdev-blog-post-layout .w-full{width:100%}.shopdev-blog-post-layout .min-w-0{min-width:0}.shopdev-blog-post-layout .flex-1{flex:1 1 0%}.shopdev-blog-post-layout .flex-shrink{flex-shrink:1}.shopdev-blog-post-layout .border-collapse{border-collapse:collapse}.shopdev-blog-post-layout .-translate-y-1\/2{--tw-translate-y:-50%}.shopdev-blog-post-layout .-translate-y-1\/2,.shopdev-blog-post-layout .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.shopdev-blog-post-layout .flex-col{flex-direction:column}.shopdev-blog-post-layout .flex-wrap{flex-wrap:wrap}.shopdev-blog-post-layout .items-center{align-items:center}.shopdev-blog-post-layout .justify-center{justify-content:center}.shopdev-blog-post-layout .justify-between{justify-content:space-between}.shopdev-blog-post-layout .gap-2{gap:8px}.shopdev-blog-post-layout .gap-3{gap:12px}.shopdev-blog-post-layout .gap-4{gap:16px}.shopdev-blog-post-layout .gap-8{gap:32px}.shopdev-blog-post-layout .overflow-hidden{overflow:hidden}.shopdev-blog-post-layout .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopdev-blog-post-layout .rounded-lg{border-radius:8px}.shopdev-blog-post-layout .rounded-xl{border-radius:12px}.shopdev-blog-post-layout .border{border-width:1px}.shopdev-blog-post-layout .border-b{border-bottom-width:1px}.shopdev-blog-post-layout .border-t{border-top-width:1px}.shopdev-blog-post-layout .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.shopdev-blog-post-layout .object-cover{-o-object-fit:cover;object-fit:cover}.shopdev-blog-post-layout .p-5{padding:20px}.shopdev-blog-post-layout .px-4{padding-left:16px;padding-right:16px}.shopdev-blog-post-layout .px-6{padding-left:24px;padding-right:24px}.shopdev-blog-post-layout .py-3{padding-bottom:12px;padding-top:12px}.shopdev-blog-post-layout .py-6{padding-bottom:24px;padding-top:24px}.shopdev-blog-post-layout .py-8{padding-bottom:32px;padding-top:32px}.shopdev-blog-post-layout .pr-10{padding-right:40px}.shopdev-blog-post-layout .text-center{text-align:center}.shopdev-blog-post-layout .text-right{text-align:right}.shopdev-blog-post-layout .text-base{font-size:16px;line-height:24px}.shopdev-blog-post-layout .text-sm{font-size:14px;line-height:20px}.shopdev-blog-post-layout .text-xs{font-size:12px;line-height:16px}.shopdev-blog-post-layout .font-bold{font-weight:700}.shopdev-blog-post-layout .font-semibold{font-weight:600}.shopdev-blog-post-layout .uppercase{text-transform:uppercase}.shopdev-blog-post-layout .italic{font-style:italic}.shopdev-blog-post-layout .leading-relaxed{line-height:1.625}.shopdev-blog-post-layout .leading-snug{line-height:1.375}.shopdev-blog-post-layout .leading-tight{line-height:1.25}.shopdev-blog-post-layout .tracking-wider{letter-spacing:.05em}.shopdev-blog-post-layout .underline{text-decoration-line:underline}.shopdev-blog-post-layout .outline{outline-style:solid}.shopdev-blog-post-layout .transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.shopdev-blog-post-layout .transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.shopdev-blog-post-layout .duration-300{transition-duration:.3s}@media (min-width:640px){.shopdev-blog-post-layout .sm\:flex-row{flex-direction:row}}@media (min-width:768px){.shopdev-blog-post-layout .md\:px-8{padding-left:32px;padding-right:32px}.shopdev-blog-post-layout .md\:py-16{padding-bottom:64px;padding-top:64px}}@media (min-width:1024px){.shopdev-blog-post-layout .lg\:w-\[32\%\]{width:32%}.shopdev-blog-post-layout .lg\:w-\[68\%\]{width:68%}.shopdev-blog-post-layout .lg\:flex-row{flex-direction:row}.shopdev-blog-post-layout .lg\:flex-row-reverse{flex-direction:row-reverse}.shopdev-blog-post-layout .lg\:gap-12{gap:48px}}