/* Generated by scripts/build-ainote-landing-css.py; marketing scope only. */ #main[data-ainote-landing]{font-style:normal;letter-spacing:normal;text-transform:none;text-align:start;} #main[data-ainote-landing] p{font-weight:inherit;} #main[data-ainote-landing] h1,#main[data-ainote-landing] h2,#main[data-ainote-landing] h3,#main[data-ainote-landing] h4,#main[data-ainote-landing] h5,#main[data-ainote-landing] h6{line-height:inherit;} #main[data-ainote-landing]{ --spacing-0-5: 2px; --spacing-1: 4px; --spacing-1-5: 6px; --spacing-2: 8px; --spacing-2-5: 10px; --spacing-3: 12px; --spacing-3-5: 14px; --spacing-4: 16px; --spacing-4-5: 18px; --spacing-5: 20px; --spacing-5-5: 22px; --spacing-6: 24px; --spacing-6-5: 26px; --spacing-7: 28px; --spacing-7-5: 30px; --spacing-8: 32px; --spacing-8-5: 34px; --spacing-9: 36px; --spacing-9-5: 38px; --spacing-10: 40px; --spacing-11: 44px; --spacing-12: 48px; --spacing-14: 56px; --spacing-16: 64px; --spacing-18: 72px; --spacing-20: 80px; --spacing-24: 96px; --spacing-28: 112px; --spacing-32: 128px; --spacing-36: 144px; --spacing-40: 160px; --spacing-44: 176px; --spacing-48: 192px; --spacing-52: 208px; --spacing-56: 224px; --spacing-60: 240px; --spacing-64: 256px; --spacing-72: 288px; --spacing-80: 320px; --spacing-96: 384px; --container-max-width: 1200px; --container-narrow-max-width: 950px; --container-gutter: var(--spacing-5); --section-outer-spacing-block: var(--spacing-10); --section-inner-max-spacing-block: var(--spacing-9); --section-inner-spacing-inline: var(--container-gutter); --section-stack-spacing-block: var(--spacing-8); --grid-gutter: var(--spacing-5); --product-list-row-gap: var(--spacing-8); --product-list-column-gap: var(--grid-gutter); --input-gap: var(--spacing-2); --input-height: 42px; --input-padding-inline: var(--spacing-4); --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px)); --transform-logical-flip: 1; --transform-origin-start: left; --transform-origin-end: right; --heading-font-family: "Cormorant Garamond", "\"Noto Serif\"", serif; --heading-font-weight: 700; --heading-font-style: normal; --heading-text-transform: normal; --heading-letter-spacing: 0.0em; --text-font-family: "\"Noto Sans\"", sans-serif; --text-font-weight: 400; --text-font-style: normal; --text-letter-spacing: 0.0em; --text-h0: 48px; --text-h1: 40px; --text-h2: 32px; --text-h3: 24px; --text-h4: 22px; --text-h5: 18px; --text-h6: 16px; --text-xs: 13px; --text-sm: 14px; --text-base: 16px; --text-lg: 20px; --accent: 19 112 246; --text-primary: 26 26 26; --background-primary: 250 250 250; --dialog-background: 255 255 255; --border-color: var(--text-color, var(--text-primary)) / 0.12; --button-background-primary: 19 112 246; --button-text-primary: 255 255 255; --button-background-secondary: 240 240 240; --button-text-secondary: 26 26 26; --success-background: 224 244 232; --success-text: 0 163 65; --warning-background: 255 246 233; --warning-text: 255 183 74; --error-background: 254 231 231; --error-text: 248 58 58; --on-sale-text: 248 58 58; --on-sale-badge-background: 248 58 58; --on-sale-badge-text: 255 255 255; --sold-out-badge-background: 28 28 30; --sold-out-badge-text: 255 255 255; --primary-badge-background: 128 60 238; --primary-badge-text: 255 255 255; --star-color: 255 183 74; --product-card-background: 255 255 255; --product-card-text: 28 28 30; --header-background: 255 255 255; --header-text: 26 26 26; --footer-background: 245 245 245; --footer-text: 26 26 26; --rounded-xs: 4px; --rounded-sm: 6px; --rounded: 12px; --rounded-lg: 24px; --rounded-full: 9999px; --rounded-button: 8px; --rounded-input: 8px; --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.05); --shadow: 0 5px 15px rgb(var(--text-primary) / 0.05); --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.05); --shadow-block: 0px 12px 30px rgb(var(--text-primary) / 0.05); --stagger-products-reveal-opacity: 1; --cursor-close-svg-url: var(--ainote-asset-a22a92b6a04d); --cursor-zoom-in-svg-url: var(--ainote-asset-8a91dbd06aa6); --cursor-zoom-out-svg-url: var(--ainote-asset-36c8ee42c692); --checkmark-svg-url: var(--ainote-asset-06711fe83d47); } #main[data-ainote-landing] [dir="rtl"]:root{ --transform-logical-flip: -1; --transform-origin-start: right; --transform-origin-end: left; } @media screen and (min-width: 700px){#main[data-ainote-landing]{ --text-h0: 64px; --text-h1: 48px; --text-h2: 40px; --text-h3: 32px; --text-h4: 26px; --text-h5: 20px; --text-h6: 18px; --text-xs: 12px; --text-sm: 14px; --text-base: 16px; --text-lg: 20px; --container-gutter: 32px; --section-outer-spacing-block: var(--spacing-14); --section-inner-max-spacing-block: var(--spacing-10); --section-inner-spacing-inline: var(--spacing-10); --section-stack-spacing-block: var(--spacing-12); --grid-gutter: var(--spacing-6); --product-list-row-gap: var(--spacing-12); --input-gap: 16px; --input-height: 50px; --input-padding-inline: var(--spacing-5); }} @media screen and (min-width: 1000px){#main[data-ainote-landing]{ --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-16); --section-inner-max-spacing-block: var(--spacing-14); --section-inner-spacing-inline: var(--spacing-14); --section-stack-spacing-block: var(--spacing-12); }} @media screen and (min-width: 1150px){#main[data-ainote-landing]{ --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-16); --section-inner-max-spacing-block: var(--spacing-14); --section-inner-spacing-inline: var(--spacing-14); --section-stack-spacing-block: var(--spacing-12); }} @media screen and (min-width: 1400px){#main[data-ainote-landing]{ --text-h0: 80px; --text-h1: 60px; --text-h2: 48px; --text-h3: 36px; --text-h4: 32px; --text-h5: 24px; --text-h6: 20px; --section-outer-spacing-block: var(--spacing-20); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); }} @media screen and (min-width: 1600px){#main[data-ainote-landing]{ --section-outer-spacing-block: var(--spacing-20); --section-inner-max-spacing-block: var(--spacing-18); --section-inner-spacing-inline: var(--spacing-18); }} @media screen and (pointer: fine){#main[data-ainote-landing] .button:not([disabled]):hover,#main[data-ainote-landing] .btn:not([disabled]):hover,#main[data-ainote-landing] .shopify-payment-button__button--unbranded:not([disabled]):hover{ --button-background-opacity: 0.85; } #main[data-ainote-landing] .button--subdued:not([disabled]):hover{ --button-background: var(--text-color) / .05 !important; }} #main[data-ainote-landing] *,#main[data-ainote-landing] :before,#main[data-ainote-landing] :after{box-sizing:border-box;border-style:solid;border-width:0;border-color:rgb(var(--text-color) / .12)} #main[data-ainote-landing]{-webkit-text-size-adjust:100%;tab-size:4;interpolate-size:allow-keywords;scroll-padding-block-start:calc(var(--sticky-area-height) + 20px);line-height:1.5} #main[data-ainote-landing]{--background: var(--background-primary);--text-color: var(--text-primary);background:rgb(var(--background));color:rgb(var(--text-color));font:var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.6 var(--text-font-family);letter-spacing:var(--text-letter-spacing);margin:0;position:relative} #main[data-ainote-landing] hr{height:0;color:inherit;border-top-width:1px} #main[data-ainote-landing] h1,#main[data-ainote-landing] h2,#main[data-ainote-landing] h3,#main[data-ainote-landing] h4,#main[data-ainote-landing] h5,#main[data-ainote-landing] h6{font-size:inherit;font-weight:inherit} #main[data-ainote-landing] a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit} #main[data-ainote-landing] b,#main[data-ainote-landing] strong{font-weight:bolder} #main[data-ainote-landing] code,#main[data-ainote-landing] kbd,#main[data-ainote-landing] samp,#main[data-ainote-landing] pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em} #main[data-ainote-landing] table{text-indent:0;border-color:inherit;border-collapse:collapse} #main[data-ainote-landing] button,#main[data-ainote-landing] input,#main[data-ainote-landing] optgroup,#main[data-ainote-landing] select,#main[data-ainote-landing] textarea{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;line-height:inherit;text-transform:inherit;color:inherit;margin:0;padding:0} #main[data-ainote-landing] button,#main[data-ainote-landing] select{text-transform:none} #main[data-ainote-landing] button,#main[data-ainote-landing] [type=button],#main[data-ainote-landing] [type=reset],#main[data-ainote-landing] [type=submit]{-webkit-appearance:button;text-align:inherit;background-color:#0000;background-image:none} #main[data-ainote-landing] button,#main[data-ainote-landing] label,#main[data-ainote-landing] summary,#main[data-ainote-landing] [role=button],#main[data-ainote-landing] [type=checkbox],#main[data-ainote-landing] [type=radio],#main[data-ainote-landing] [type=submit]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer} #main[data-ainote-landing] :-moz-focusring{outline:auto} #main[data-ainote-landing] :-moz-ui-invalid{box-shadow:none} #main[data-ainote-landing] ::-webkit-inner-spin-button{height:auto} #main[data-ainote-landing] ::-webkit-outer-spin-button{height:auto} #main[data-ainote-landing] [type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px} #main[data-ainote-landing] ::-webkit-search-decoration{-webkit-appearance:none} #main[data-ainote-landing] ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} #main[data-ainote-landing] ::-webkit-date-and-time-value{text-align:start} #main[data-ainote-landing] summary{-webkit-user-select:none;user-select:none;list-style-type:none} #main[data-ainote-landing] summary::-webkit-details-marker{display:none} #main[data-ainote-landing] blockquote,#main[data-ainote-landing] dl,#main[data-ainote-landing] dd,#main[data-ainote-landing] h1,#main[data-ainote-landing] h2,#main[data-ainote-landing] h3,#main[data-ainote-landing] h4,#main[data-ainote-landing] h5,#main[data-ainote-landing] h6,#main[data-ainote-landing] hr,#main[data-ainote-landing] figure,#main[data-ainote-landing] p,#main[data-ainote-landing] pre{margin:0} #main[data-ainote-landing] fieldset{margin:0;padding:0} #main[data-ainote-landing] legend{padding:0} #main[data-ainote-landing] ol,#main[data-ainote-landing] ul,#main[data-ainote-landing] menu{margin:0;padding:0;list-style:none} #main[data-ainote-landing] textarea{resize:vertical} #main[data-ainote-landing] input::placeholder,#main[data-ainote-landing] textarea::placeholder{opacity:1;color:#9ca3af} #main[data-ainote-landing] :disabled{cursor:default} #main[data-ainote-landing] img,#main[data-ainote-landing] video,#main[data-ainote-landing] iframe,#main[data-ainote-landing] object{vertical-align:middle;display:block} #main[data-ainote-landing] img{color:#0000;max-width:min(var(--image-mobile-max-width, var(--image-max-width, 100%)),100%);object-fit:inherit;object-position:inherit;height:auto} #main[data-ainote-landing] picture source{display:contents} #main[data-ainote-landing] picture img{width:100%;min-height:inherit;max-height:100%} #main[data-ainote-landing] video{width:100%;max-width:100%;height:auto} #main[data-ainote-landing] :focus:not(:focus-visible){outline:none} #main[data-ainote-landing] [hidden]{display:none!important} #main[data-ainote-landing] height-observer,#main[data-ainote-landing] visibility-progress,#main[data-ainote-landing] scroll-area,#main[data-ainote-landing] video-media,#main[data-ainote-landing] model-media,#main[data-ainote-landing] media-carousel,#main[data-ainote-landing] impact-text,#main[data-ainote-landing] recently-viewed-products{display:block} @media screen and (min-width:700px){#main[data-ainote-landing] img{max-width:min(var(--image-max-width, 100%),100%)}} #main[data-ainote-landing] .pswp{--pswp-bg: rgb(var(--background-primary));--pswp-placeholder-bg: rgb(var(--background-primary));--pswp-root-z-index: 100000;--pswp-icon-color: rgb(var(--background-primary));--pswp-icon-color-secondary: rgb(var(--background-primary));--pswp-icon-stroke-color: rgb(var(--text-primary));--pswp-icon-stroke-width: 2px;--pswp-error-text-color: rgb(var(--text-primary));width:100%;height:100%;z-index:var(--pswp-root-z-index);touch-action:none;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:#0000;outline:0;display:none;position:fixed;top:0;left:0} #main[data-ainote-landing] .pswp img{max-width:none} #main[data-ainote-landing] .pswp--open{display:block} #main[data-ainote-landing] .pswp,#main[data-ainote-landing] .pswp__bg{will-change:opacity;transform:translateZ(0)} #main[data-ainote-landing] .pswp__bg{opacity:.005;background:var(--pswp-bg)} #main[data-ainote-landing] .pswp,#main[data-ainote-landing] .pswp__scroll-wrap{overflow:hidden} #main[data-ainote-landing] .pswp__scroll-wrap,#main[data-ainote-landing] .pswp__bg,#main[data-ainote-landing] .pswp__container,#main[data-ainote-landing] .pswp__item,#main[data-ainote-landing] .pswp__content,#main[data-ainote-landing] .pswp__img,#main[data-ainote-landing] .pswp__zoom-wrap{width:100%;height:100%;position:absolute;top:0;left:0} #main[data-ainote-landing] .pswp__img,#main[data-ainote-landing] .pswp__zoom-wrap{width:auto;height:auto} #main[data-ainote-landing] .pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:var(--cursor-zoom-in-svg-url) 28 28,zoom-in} #main[data-ainote-landing] .pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:grab} #main[data-ainote-landing] .pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:grabbing} #main[data-ainote-landing] .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,#main[data-ainote-landing] .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,#main[data-ainote-landing] .pswp__img{cursor:var(--cursor-zoom-out-svg-url) 28 28,zoom-out} #main[data-ainote-landing] .pswp__container,#main[data-ainote-landing] .pswp__img,#main[data-ainote-landing] .pswp__button{-webkit-user-select:none;user-select:none} #main[data-ainote-landing] .pswp__item{z-index:1;overflow:hidden} #main[data-ainote-landing] .pswp__hidden{display:none!important} #main[data-ainote-landing] .pswp__content{pointer-events:none} #main[data-ainote-landing] .pswp__content>*{pointer-events:auto} #main[data-ainote-landing] .pswp__error-msg-container{display:grid} #main[data-ainote-landing] .pswp__error-msg{color:var(--pswp-error-text-color);margin:auto;font-size:1em;line-height:1} #main[data-ainote-landing] .pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4,0,.22,1);z-index:10;pointer-events:none} #main[data-ainote-landing] .pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto} #main[data-ainote-landing] .pswp__button{-webkit-touch-callout:none;display:block;position:relative;overflow:hidden} #main[data-ainote-landing] .pswp__button:disabled{opacity:.3;cursor:auto} #main[data-ainote-landing] .pswp__button svg{display:block} #main[data-ainote-landing] .pswp__top-bar,#main[data-ainote-landing] .pswp__bottom-bar{z-index:10;flex-direction:row;justify-content:flex-end;width:100%;display:flex;position:absolute;top:0;left:0;pointer-events:none!important} #main[data-ainote-landing] .pswp__top-bar>*,#main[data-ainote-landing] .pswp__bottom-bar>*{pointer-events:auto;will-change:opacity} #main[data-ainote-landing] .pswp__bottom-bar{justify-content:center;top:auto;bottom:24px} #main[data-ainote-landing] .pswp__bottom-bar .pagination{border-radius:var(--rounded-full)} #main[data-ainote-landing] .pswp__button--close{margin-block-start:24px;margin-inline-end:24px;transition:transform .2s} #main[data-ainote-landing] .pswp__preloader{display:none} @media screen and (min-width:700px){#main[data-ainote-landing] .pswp__bottom-bar{bottom:48px} #main[data-ainote-landing] .pswp__button--close{margin-block-start:48px;margin-inline-end:48px}} @media screen and (pointer:fine){#main[data-ainote-landing] .pswp__button--close:hover{transform:rotate(90deg)}} #main[data-ainote-landing] .accordion{--accordion-spacing: var(--spacing-5);box-sizing:content-box;border-block-start-width:1px;border-block-end-width:1px} #main[data-ainote-landing] .accordion__toggle{gap:var(--spacing-2);flex-grow:1;justify-content:space-between;align-items:center;padding-block-start:var(--accordion-spacing);padding-block-end:var(--accordion-spacing);display:flex} #main[data-ainote-landing] .accordion__content{margin-block-end:var(--accordion-spacing);padding-inline-end:var(--spacing-6);transform:translateY(-4px)} #main[data-ainote-landing] .accordion__content:has(.image-filter-list){padding-inline-end:0} #main[data-ainote-landing] .accordion--lg{--accordion-spacing: var(--spacing-8)} #main[data-ainote-landing] .accordion+.accordion{border-block-start-width:0} #main[data-ainote-landing] .accordion-box{padding:var(--spacing-1) var(--spacing-6)} #main[data-ainote-landing] .accordion-box>:first-child{border-block-start-width:0} #main[data-ainote-landing] .accordion-box>:last-child{border-block-end-width:0} @media screen and (min-width:1000px){#main[data-ainote-landing] .accordion-box{padding:var(--spacing-5) var(--spacing-12)}} #main[data-ainote-landing] .blog-post-card{--blog-post-card-badge-spacing: var(--spacing-3);--blog-post-card-figure-gap: var(--spacing-5);--blog-post-card-meta-gap: var(--spacing-1) var(--spacing-5);gap:var(--blog-post-card-figure-gap);align-content:start;display:grid;overflow:hidden} #main[data-ainote-landing] .blog-post-card__figure{display:block;position:relative;overflow:hidden} #main[data-ainote-landing] .blog-post-card__figure>.badge{z-index:1;position:absolute;top:var(--blog-post-card-badge-spacing)} #main[data-ainote-landing] .blog-post-card__figure>.badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--blog-post-card-badge-spacing)} #main[data-ainote-landing] .blog-post-card__figure>.badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--blog-post-card-badge-spacing)} #main[data-ainote-landing] .blog-post-card__meta{gap:var(--blog-post-card-meta-gap);flex-wrap:wrap;display:flex} #main[data-ainote-landing] .blog-post-card--featured{grid-column:1 / -1;gap:0} #main[data-ainote-landing] .blog-post-card--featured .blog-post-card__info{padding:var(--spacing-5)} @media screen and (min-width:700px){#main[data-ainote-landing] .blog-post-card{--blog-post-card-badge-spacing: var(--spacing-4);--blog-post-card-figure-gap: var(--spacing-6);--blog-post-card-meta-gap: var(--spacing-2) var(--spacing-6)} #main[data-ainote-landing] .blog-post-card--featured .blog-post-card__info{padding:var(--spacing-12)}} @media screen and (min-width:1000px){#main[data-ainote-landing] .blog-post-card--featured{grid-template-columns:1fr .7fr;display:grid}} @media screen and (min-width:1150px){#main[data-ainote-landing] .blog-post-card--featured{grid-template-columns:1fr .54fr} #main[data-ainote-landing] .blog-post-card--featured .blog-post-card__info{padding:var(--spacing-16)}} #main[data-ainote-landing] .blog-posts{--blog-posts-gap: var(--spacing-8) var(--grid-gutter);grid:var(--blog-posts-grid);gap:var(--blog-posts-gap);display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .blog-posts{--blog-posts-gap: var(--spacing-12) var(--grid-gutter)}} @media screen and (min-width:1000px){#main[data-ainote-landing] .blog-posts{--blog-posts-gap: var(--spacing-12)}} @media screen and (min-width:1400px){#main[data-ainote-landing] .blog-posts{--blog-posts-gap: min(var(--section-inner-spacing-inline), var(--spacing-20))}} #main[data-ainote-landing] .button,#main[data-ainote-landing] .btn{--button-background: var(--button-background-primary) / var(--button-background-opacity, 1);--button-text-color: var(--button-text-primary);--button-outline-color: var(--button-background-primary);-webkit-appearance:none;appearance:none;border-radius:var(--rounded-button);background-color:rgb(var(--button-background));color:rgb(var(--button-text-color));text-align:center;font-size:var(--text-sm);letter-spacing:var(--text-letter-spacing);padding-block-start:var(--spacing-2-5);padding-block-end:var(--spacing-2-5);padding-inline-start:var(--spacing-5);padding-inline-end:var(--spacing-5);font-weight:700;line-height:1.6;transition:background-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block;position:relative} #main[data-ainote-landing] .button--sm{font-size:var(--text-xs);padding-block-start:var(--spacing-2);padding-block-end:var(--spacing-2);line-height:1.7} #main[data-ainote-landing] .button--lg{font-size:var(--text-base);padding-block-start:13px;padding-block-end:13px;padding-inline-start:var(--spacing-6);padding-inline-end:var(--spacing-6)} #main[data-ainote-landing] .button--xl{font-size:var(--text-base);padding-block-start:var(--spacing-4);padding-block-end:var(--spacing-4);padding-inline-start:var(--spacing-8);padding-inline-end:var(--spacing-8)} #main[data-ainote-landing] .button--secondary{--button-background: var(--button-background-secondary) / var(--button-background-opacity, 1);--button-text-color: var(--button-text-secondary);--button-outline-color: var(--button-background-secondary)} #main[data-ainote-landing] .button--subdued{--button-background: var(--text-color) / .1 !important;--button-text-color: var(--text-color) !important;--button-outline-color: var(--text-color) !important} #main[data-ainote-landing] .button--outline{color:rgb(var(--button-outline-color) / var(--button-background-opacity, 1));background:none;box-shadow:inset 0 0 0 2px} #main[data-ainote-landing] .button__loader,#main[data-ainote-landing] .button__feedback{gap:var(--spacing-1-5);opacity:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0} #main[data-ainote-landing] .button__loader>*{width:var(--spacing-1-5);height:var(--spacing-1-5);border-radius:var(--rounded-full);background:currentColor} @media screen and (min-width:700px){#main[data-ainote-landing] .button,#main[data-ainote-landing] .btn{padding-block-start:var(--spacing-3);padding-block-end:var(--spacing-3);padding-inline-start:var(--spacing-6);padding-inline-end:var(--spacing-6)} #main[data-ainote-landing] .button--sm{padding-block-start:var(--spacing-2);padding-block-end:var(--spacing-2);padding-inline-start:var(--spacing-5);padding-inline-end:var(--spacing-5)} #main[data-ainote-landing] .button--lg{padding-block-start:var(--spacing-3-5);padding-block-end:var(--spacing-3-5);padding-inline-start:var(--spacing-8);padding-inline-end:var(--spacing-8)} #main[data-ainote-landing] .button--xl{padding-block-start:17.2px;padding-block-end:17.2px;padding-inline-start:var(--spacing-10);padding-inline-end:var(--spacing-10)}} #main[data-ainote-landing] .back-button{align-items:center;gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--rounded-button);opacity:.7;border-width:1px;transition:all .2s ease-in-out;display:flex} @media screen and (pointer:fine){#main[data-ainote-landing] .back-button:hover{opacity:1}} @media screen and (min-width:700px){#main[data-ainote-landing] .back-button{padding:var(--spacing-3) var(--spacing-6)}} #main[data-ainote-landing] .button-group{flex-wrap:wrap;align-items:center;gap:16px;display:inline-flex} #main[data-ainote-landing] .button-group>*{margin:0} #main[data-ainote-landing] .circle-button{width:var(--spacing-12);height:var(--spacing-12);border-radius:var(--rounded-full);place-items:center;transition:opacity .15s ease-in;display:grid} #main[data-ainote-landing] .circle-button[disabled]{opacity:.5;pointer-events:none} #main[data-ainote-landing] .circle-button--fill{background:rgb(var(--background-primary));color:rgb(var(--text-primary))} #main[data-ainote-landing] .circle-button--bordered{border:2px solid} #main[data-ainote-landing] .circle-button--sm{width:var(--spacing-10);height:var(--spacing-10)} #main[data-ainote-landing] .circle-button--lg{width:var(--spacing-14);height:var(--spacing-14)} #main[data-ainote-landing] .animated-arrow{pointer-events:none;place-items:center;display:grid} #main[data-ainote-landing] .animated-arrow:before,#main[data-ainote-landing] .animated-arrow:after{content:"";grid-area:1 / -1;transition:all .2s ease-in-out} #main[data-ainote-landing] .animated-arrow:before{border-block-start-width:2px;border-inline-end-width:2px;width:8px;height:8px;transform:rotate(calc(var(--transform-logical-flip) * 45deg));border-color:currentColor;position:relative} #main[data-ainote-landing] .animated-arrow:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{left:-1px} #main[data-ainote-landing] .animated-arrow:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:-1px} #main[data-ainote-landing] .animated-arrow:after{width:var(--spacing-2-5);height:var(--spacing-0-5);transform-origin:center;opacity:0;background:currentColor;transform:scaleX(.5)} @media screen and (pointer:fine){#main[data-ainote-landing] .group:hover .animated-arrow:before{transform:translate(calc(var(--transform-logical-flip) * var(--spacing-0-5))) rotate(calc(var(--transform-logical-flip) * 45deg))} #main[data-ainote-landing] .group:hover .animated-arrow:after{opacity:1;transform:scaleX(1)}} #main[data-ainote-landing] .animated-arrow--reverse{transform:rotate(180deg)} #main[data-ainote-landing] .circle-chevron{width:var(--spacing-6);height:var(--spacing-6);border-radius:var(--rounded-full);background:rgb(var(--text-color) / .1);flex-shrink:0;place-items:center;transition:all .2s ease-in-out;display:grid} #main[data-ainote-landing] .circle-chevron[disabled]{opacity:.5} #main[data-ainote-landing] .group[aria-expanded=true] .circle-chevron.group-expanded\:colors:not([disabled]){background:rgb(var(--text-color));color:rgb(var(--background))} #main[data-ainote-landing] .group[aria-expanded=true] .circle-chevron.group-expanded\:rotate{transform:rotate(calc(var(--transform-logical-flip) * 180deg))} @media screen and (pointer:fine){#main[data-ainote-landing] .group:hover .circle-chevron.group-hover\:colors:not([disabled]),#main[data-ainote-landing] .circle-chevron.hover\:colors:hover:not([disabled]){background:rgb(var(--text-color));color:rgb(var(--background))}} #main[data-ainote-landing] scroll-carousel{position:relative} #main[data-ainote-landing] .content-over-media{grid-template:0 minmax(0,1fr) 0 / minmax(0,1fr) minmax(0,min(var(--container-max-width),100% - var(--content-over-media-gap, var(--content-over-media-column-gap, var(--container-gutter))) * 2)) minmax(0,1fr);gap:var(--content-over-media-row-gap, var(--content-over-media-gap, var(--container-gutter))) var(--content-over-media-column-gap, var(--content-over-media-gap, var(--container-gutter)));place-items:center;display:grid;position:relative;overflow:hidden;transform:translateZ(0)} #main[data-ainote-landing] .content-over-media:before{content:"";background:rgb(var(--content-over-media-overlay));border-radius:inherit;z-index:1;pointer-events:none;transition:background .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0} #main[data-ainote-landing] .content-over-media>:is(picture,img,video,iframe,svg,video-media){height:var(--content-over-media-height, auto);transform-origin:top;overflow-wrap:anywhere;object-fit:cover;object-position:center;border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-area:1 / 1 / span 3 / span 3;place-self:stretch stretch;width:100%;min-height:100%;max-height:100%;position:relative} #main[data-ainote-landing] .content-over-media>:is(picture,img,video,iframe,svg,video-media)>*{border-radius:inherit} #main[data-ainote-landing] .content-over-media>:not(img,video,iframe,svg,video-media,picture){max-width:var(--content-over-media-content-max-width, 780px);z-index:1;grid-area:2 / 2 / auto / span 1;position:relative} #main[data-ainote-landing] [allow-transparent-header] :is(.content-over-media>:not(img,video,iframe,svg,video-media,picture)){padding-block-start:calc(var(--header-height) * var(--section-is-first))} #main[data-ainote-landing] .content-over-media>video-media:not([autoplay])~*{transition:opacity .2s ease-in-out,visibility .2s ease-in-out} #main[data-ainote-landing] .content-over-media>video-media:not([autoplay])[loaded]~*{opacity:0;visibility:hidden} #main[data-ainote-landing] .content-over-media:has(>video-media[loaded]:not([autoplay])):before{background:none;transition-delay:.1s} #main[data-ainote-landing] .content-over-media--sm{--content-over-media-height: 375px} #main[data-ainote-landing] .content-over-media--md{--content-over-media-height: 480px} #main[data-ainote-landing] .content-over-media--lg{--content-over-media-height: 560px} #main[data-ainote-landing] .content-over-media--fill{--content-over-media-height: calc(100vh - var(--sticky-area-height))} #main[data-ainote-landing] .shopify-section:first-child [allow-transparent-header] .content-over-media--fill{--content-over-media-height: calc(100vh - var(--announcement-bar-height, 0px))} @supports (height: 100svh){#main[data-ainote-landing] .content-over-media--fill{--content-over-media-height: calc(100svh - var(--sticky-area-height))} #main[data-ainote-landing] .shopify-section:first-child [allow-transparent-header] .content-over-media--fill{--content-over-media-height: calc(100svh - var(--announcement-bar-height, 0px))}} @media screen and (min-width:700px){#main[data-ainote-landing] .content-over-media--sm{--content-over-media-height: 400px} #main[data-ainote-landing] .content-over-media--md{--content-over-media-height: 460px} #main[data-ainote-landing] .content-over-media--lg{--content-over-media-height: 560px}} @media screen and (min-width:1400px){#main[data-ainote-landing] .content-over-media--sm{--content-over-media-height: 440px} #main[data-ainote-landing] .content-over-media--md{--content-over-media-height: 500px} #main[data-ainote-landing] .content-over-media--lg{--content-over-media-height: 640px} #main[data-ainote-landing] .content-over-media--fill>:is(img,video,iframe,svg,video-media,picture){max-height:1200px}} @media screen and (min-width:1600px){#main[data-ainote-landing] .content-over-media--md{--content-over-media-height: 560px} #main[data-ainote-landing] .content-over-media--lg{--content-over-media-height: 720px}} #main[data-ainote-landing] .page-dots{justify-content:center;gap:var(--spacing-2-5) var(--spacing-4);flex-wrap:wrap;display:flex} #main[data-ainote-landing] .page-dots>*{width:var(--spacing-1-5);height:var(--spacing-1-5);border-radius:var(--rounded-full);opacity:.3;background:currentColor;transition:opacity .2s ease-in-out} #main[data-ainote-landing] .page-dots>*[aria-current=true]{opacity:1} #main[data-ainote-landing] .page-dots--blurred{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--rounded-full);background:rgb(var(--background) / .7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} #main[data-ainote-landing] .stretching-dots{align-items:center;gap:var(--spacing-5);display:flex} #main[data-ainote-landing] .stretching-dots>*{width:var(--spacing-2);height:var(--spacing-2);border-radius:var(--spacing-2);opacity:.5;background:currentColor;transition:opacity .5s cubic-bezier(.34,1.56,.64,1),width .5s cubic-bezier(.34,1.56,.64,1)} #main[data-ainote-landing] .stretching-dots>*[aria-current=true]{width:var(--spacing-6);opacity:1} #main[data-ainote-landing] .numbered-dots{align-items:center;gap:var(--spacing-2);display:flex} #main[data-ainote-landing] .numbered-dots__item{width:var(--spacing-8);height:var(--spacing-8);will-change:transform;border-radius:100%;place-items:center;font-weight:700;transition:color .2s;display:grid} #main[data-ainote-landing] .numbered-dots__item>*{grid-area:1 / -1} #main[data-ainote-landing] .numbered-dots__item svg{width:inherit;height:inherit;transform:rotate(-90deg)} #main[data-ainote-landing] .numbered-dots__item circle{fill:none;stroke:currentColor;stroke-linecap:butt;stroke-opacity:.3;stroke-width:2px} #main[data-ainote-landing] .numbered-dots__item[aria-current=true] circle:last-child{--radius: 15;--circumference: calc(2px * (22 / 7) * var(--radius));stroke-opacity:1;stroke-dasharray:calc(var(--circumference) * var(--progress, 1)),var(--circumference)} #main[data-ainote-landing] .prev-next-buttons{align-items:center;gap:var(--spacing-4);display:flex} #main[data-ainote-landing] :is(.drawer,.popover):not(:defined){display:none} #main[data-ainote-landing] :is(.drawer,.popover)::part(outside-close-button),#main[data-ainote-landing] :is(.drawer,.popover)::part(close-button){-webkit-appearance:none;appearance:none;cursor:pointer;border:none;padding:0} #main[data-ainote-landing] :is(.drawer,.popover)::part(outside-close-button){width:var(--spacing-12);height:var(--spacing-12);bottom:100%;left:calc(50% - var(--spacing-6));background:rgb(var(--dialog-background));color:rgb(var(--text-color));border-radius:var(--rounded-full);z-index:1;place-items:center;margin-block-end:var(--spacing-4);margin-inline-start:auto;margin-inline-end:auto;display:grid;position:absolute} #main[data-ainote-landing] :is(.drawer,.popover)::part(close-button){color:currentColor;background:none;margin-inline-start:auto;display:none} @media screen and (min-width:700px){#main[data-ainote-landing] :is(.drawer,.popover)::part(outside-close-button){display:none} #main[data-ainote-landing] :is(.drawer,.popover)::part(close-button){display:grid}} #main[data-ainote-landing] .popover{--background: var(--dialog-background);--text-color: var(--text-primary);--popover-title-padding: var(--spacing-5);--popover-body-padding: var(--spacing-4) 0;--popover-content-max-height: 75vh;--popover-content-max-width: none;--popover-anchor-block-spacing: var(--spacing-4);--popover-anchor-inline-spacing: 0;visibility:hidden;width:100%;padding:var(--spacing-2);z-index:999;display:none;position:fixed} #main[data-ainote-landing] .popover::part(overlay){min-height:100lvh;cursor:var(--cursor-close-svg-url) 28 28,auto;background:#0006;position:fixed;top:0;bottom:0;left:0;right:0} #main[data-ainote-landing] .popover::part(title){padding:var(--popover-title-padding);border-block-end:1px solid rgb(var(--border-color));text-align:center} #main[data-ainote-landing] .popover::part(content){height:100%;max-height:var(--popover-content-max-height);max-width:var(--popover-content-max-width);background:rgb(var(--dialog-background));color:rgb(var(--text-color));border-radius:8px;flex-direction:column;display:flex;position:relative} #main[data-ainote-landing] .popover::part(body){overscroll-behavior-y:contain;padding:var(--popover-body-padding);text-align:center;overflow-y:auto} @media screen and (min-width:1000px){#main[data-ainote-landing] .popover{--popover-content-max-height: 350px;--popover-content-max-width: 380px;z-index:10;width:auto;padding:0;position:absolute} #main[data-ainote-landing] .popover::part(content){border-radius:var(--rounded-input);width:max-content;box-shadow:var(--shadow-md);border:1px solid rgb(var(--border-color))} #main[data-ainote-landing] .popover::part(title),#main[data-ainote-landing] .popover::part(overlay){display:none} #main[data-ainote-landing] .popover::part(body){text-align:start}} #main[data-ainote-landing] .popover-listbox__option{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-6);color:rgb(var(--text-color) / .7);transition:color .2s ease-in-out;display:flex} #main[data-ainote-landing] .popover-listbox__option.is-disabled{text-decoration:line-through} #main[data-ainote-landing] .popover-listbox__option[aria-selected=true],#main[data-ainote-landing] .popover-listbox__option:hover{color:rgb(var(--text-color))} #main[data-ainote-landing] .popover-listbox__option:has(:checked){color:rgb(var(--text-color))} @media screen and (min-width:1000px){#main[data-ainote-landing] .popover-listbox__option{justify-content:start;padding-block-start:var(--spacing-1-5);padding-block-end:var(--spacing-1-5);padding-inline-end:var(--spacing-10)} #main[data-ainote-landing] .popover-listbox--sm .popover-listbox__option{line-height:1.7;font-size:var(--text-sm);padding-block-start:var(--spacing-1);padding-block-end:var(--spacing-1)}} #main[data-ainote-landing] .drawer{--container-outer-width: var(--spacing-6);--background: var(--dialog-background);--text-color: var(--text-primary);--drawer-header-padding: var(--spacing-5);--drawer-body-padding: var(--spacing-5) var(--spacing-6);--drawer-footer-padding: var(--spacing-6);--drawer-content-max-height: none;visibility:hidden;width:100%;padding:var(--spacing-2);z-index:999;position:fixed;right:0} #main[data-ainote-landing] .drawer::part(overlay){background:#0006;min-height:100lvh;position:fixed;top:0;bottom:0;left:0;right:0} #main[data-ainote-landing] .drawer.show-close-cursor::part(overlay){cursor:var(--cursor-close-svg-url) 28 28,auto} #main[data-ainote-landing] .drawer::part(content){height:100%;max-height:var(--drawer-content-max-height);border-radius:var(--rounded-sm);background:rgb(var(--dialog-background));color:rgb(var(--text-color));flex-direction:column;display:flex;position:relative} #main[data-ainote-landing] .drawer::part(header){padding:var(--drawer-header-padding)} #main[data-ainote-landing] .drawer::part(body){padding:var(--drawer-body-padding);overscroll-behavior-y:contain;flex:auto;align-items:start;display:grid;overflow-y:auto} #main[data-ainote-landing] .drawer::part(footer){padding:var(--drawer-footer-padding);border-block-start:1px solid rgb(var(--border-color));margin-block-start:auto;position:relative} #main[data-ainote-landing] .drawer>[is=close-button]{display:none;position:absolute;top:24px} #main[data-ainote-landing] .drawer>[is=close-button]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:24px} #main[data-ainote-landing] .drawer>[is=close-button]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:24px} @media screen and (max-width:699px){#main[data-ainote-landing] .drawer{--drawer-content-max-height: 75vh} #main[data-ainote-landing] .drawer::part(header){text-align:center;border-bottom:1px solid rgb(var(--border-color))}} @media screen and (min-width:700px){#main[data-ainote-landing] .drawer{--container-outer-width: var(--spacing-10);--drawer-header-padding: var(--spacing-8) var(--spacing-10);--drawer-body-padding: var(--spacing-8) var(--spacing-10);--drawer-footer-padding: var(--spacing-8) var(--spacing-10);width:510px;height:100%;padding:var(--spacing-4)} #main[data-ainote-landing] .drawer::part(header){align-items:center;gap:var(--spacing-4);display:flex;position:relative} #main[data-ainote-landing] .drawer[header-bordered]::part(header){border-bottom:1px solid rgb(var(--border-color))} #main[data-ainote-landing] .drawer:not([header-bordered])::part(header){padding-block-end:0} #main[data-ainote-landing] .drawer:not([header-bordered])::part(header):after{content:"";width:100%;height:var(--spacing-8);background:linear-gradient(to bottom,rgb(var(--dialog-background)),rgb(var(--dialog-background) / .6) 50%,rgb(var(--dialog-background) / 0));z-index:1;position:absolute;top:100%;left:0} #main[data-ainote-landing] .drawer>[is=close-button]{display:grid;top:36px} #main[data-ainote-landing] .drawer>[is=close-button]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:36px} #main[data-ainote-landing] .drawer>[is=close-button]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:36px} #main[data-ainote-landing] .drawer--lg{width:680px}} #main[data-ainote-landing] .banner{align-items:start;gap:var(--spacing-3-5);padding:var(--spacing-3-5);border-radius:var(--rounded-xs);font-size:var(--text-sm);color:rgb(var(--banner-color));background:rgb(var(--banner-background));grid-template-columns:max-content auto;display:grid} #main[data-ainote-landing] .banner--error{--banner-background: var(--error-background);--banner-color: var(--error-text)} #main[data-ainote-landing] .banner--success{--banner-background: var(--success-background);--banner-color: var(--success-text)} #main[data-ainote-landing] .banner--warning{--banner-background: var(--warning-background);--banner-color: var(--warning-text)} #main[data-ainote-landing] .banner--sm{padding:var(--spacing-2);font-size:var(--text-sm)} #main[data-ainote-landing] .banner--with-icon>.button{grid-column-start:2;justify-self:start} @media screen and (min-width:700px){#main[data-ainote-landing] .banner--with-icon{grid-template-columns:max-content auto max-content;align-items:center} #main[data-ainote-landing] .banner--with-icon svg{--icon-offset: 0} #main[data-ainote-landing] .banner--with-icon>.button{grid-column-start:3}} #main[data-ainote-landing] .badge{--badge-background: var(--text-color) / .05;--badge-color: var(--text-color);align-items:center;gap:var(--spacing-1-5);padding:3px var(--spacing-2);background:rgb(var(--badge-background));width:max-content;color:rgb(var(--badge-color));border-radius:var(--rounded-button);font-size:9px;font-weight:700;display:flex} #main[data-ainote-landing] .badge--primary{--badge-background: var(--primary-badge-background);--badge-color: var(--primary-badge-text)} #main[data-ainote-landing] .badge--sold-out{--badge-background: var(--sold-out-badge-background);--badge-color: var(--sold-out-badge-text)} #main[data-ainote-landing] .badge--on-sale{--badge-background: var(--on-sale-badge-background);--badge-color: var(--on-sale-badge-text)} #main[data-ainote-landing] .badge--current{--badge-background: var(--text-color) / .12;--badge-color: var(--text-color)} #main[data-ainote-landing] .badge--lg{padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-sm)} @media screen and (min-width:700px){#main[data-ainote-landing] .badge:not(.badge--lg){font-size:var(--text-xs);padding-block-start:var(--spacing-0-5);padding-block-end:var(--spacing-0-5)}} #main[data-ainote-landing] .progress-bar{height:var(--spacing-1);border-radius:var(--rounded-full);background:rgb(var(--text-color) / .3);overflow:hidden} #main[data-ainote-landing] .progress-bar:before{content:"";height:inherit;background:rgb(var(--accent));transform-origin:var(--transform-origin-start);transform:scaleX(var(--progress, 0));transition:transform .5s ease-in-out;display:block} #main[data-ainote-landing] .scrollbar{align-items:center;gap:var(--spacing-10);color:rgb(var(--text-color));display:flex} #main[data-ainote-landing] .scrollbar__progress{width:100%;height:var(--spacing-0-5);background:rgb(var(--text-color) / .1);display:block;position:relative} #main[data-ainote-landing] .scrollbar__progress:before{content:"";transform-origin:var(--transform-origin-start);transform:scaleX(var(--scroll-progress));background:rgb(var(--text-color));will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0} #main[data-ainote-landing] .scrollbar__buttons{display:none} @media screen and (min-width:1000px){#main[data-ainote-landing] .scrollbar__buttons{gap:var(--spacing-4);display:flex}} #main[data-ainote-landing] .count-bubble{--size: var(--spacing-4);width:var(--size);height:var(--size);min-width:min-content;border-radius:var(--rounded-full);background:rgb(var(--button-background-primary));color:rgb(var(--button-text-primary));place-items:center;padding-inline-start:var(--spacing-1);padding-inline-end:var(--spacing-1);font-size:9px;font-weight:700;line-height:1;display:grid} #main[data-ainote-landing] .count-bubble--md,#main[data-ainote-landing] .count-bubble--lg{--size: var(--spacing-5);font-size:var(--text-xs)} @media screen and (min-width:700px){#main[data-ainote-landing] .count-bubble--md{--size: var(--spacing-6)} #main[data-ainote-landing] .count-bubble--lg{--size: var(--spacing-7)}} #main[data-ainote-landing] .text-with-bubble{position:relative} #main[data-ainote-landing] .text-with-bubble>.count-bubble{margin-inline-start:var(--spacing-2);position:absolute;top:0} #main[data-ainote-landing] .text-with-bubble>.count-bubble:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:100%} #main[data-ainote-landing] .text-with-bubble>.count-bubble:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:100%} #main[data-ainote-landing] .pill-loader{background:rgb(var(--background-primary));border-radius:var(--rounded-full);visibility:hidden;width:32px;height:16px;display:grid} #main[data-ainote-landing] .pill-loader>*{grid-area:1 / -1;place-self:center} #main[data-ainote-landing] .loader-dots{justify-items:center;gap:4px;display:flex} #main[data-ainote-landing] .loader-dots>*{border-radius:var(--rounded-full);background:currentColor;width:4px;height:4px} #main[data-ainote-landing] .loader-checkmark{opacity:0} #main[data-ainote-landing] .form{align-content:start;gap:var(--spacing-4);display:grid} #main[data-ainote-landing] .fieldset,#main[data-ainote-landing] .input-row{gap:var(--input-gap);display:grid} #main[data-ainote-landing] .fieldset-link{margin-block-start:var(--spacing-2);margin-block-end:var(--spacing-2)} #main[data-ainote-landing] .fieldset-with-submit{align-items:start;gap:var(--spacing-4);display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .form:not(.form--tight){gap:var(--spacing-6)} #main[data-ainote-landing] .input-row{grid-template-columns:repeat(2,minmax(0,1fr))} #main[data-ainote-landing] .fieldset-link{margin-block-start:0;margin-block-end:var(--spacing-2)} #main[data-ainote-landing] .fieldset-with-submit{grid-template-columns:minmax(0,1fr) max-content}} #main[data-ainote-landing] .input,#main[data-ainote-landing] .textarea,#main[data-ainote-landing] .select{-webkit-appearance:none;appearance:none;width:100%;height:var(--input-height);border-radius:var(--rounded-input);background:rgb(var(--input-background, transparent));color:rgb(var(--input-text-color, var(--text-color)));text-align:start;border-width:1px;padding-inline-start:var(--input-padding-inline);padding-inline-end:var(--input-padding-inline)} #main[data-ainote-landing] :is(.input:focus,.textarea:focus,.select:focus-visible){border-color:currentColor;outline:none;box-shadow:inset 0 0 0 1px} #main[data-ainote-landing] .input.is-floating,#main[data-ainote-landing] .select.is-floating{height:calc(var(--input-height) + 10px);padding-block-start:var(--spacing-4)} #main[data-ainote-landing] .textarea{height:auto;vertical-align:top;padding-block-start:var(--spacing-4);padding-block-end:var(--spacing-4)} #main[data-ainote-landing] .textarea.is-floating{padding-block-start:var(--spacing-6);padding-block-end:var(--spacing-2)} #main[data-ainote-landing] .select{gap:var(--spacing-4);justify-content:space-between;align-items:center;padding-inline-end:calc(var(--input-padding-inline) * 2);display:flex} #main[data-ainote-landing] .select-chevron{position:absolute;top:calc(50% - 3.5px)} #main[data-ainote-landing] .select-chevron:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--input-padding-inline)} #main[data-ainote-landing] .select-chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--input-padding-inline)} #main[data-ainote-landing] .form-control{text-align:start;position:relative} #main[data-ainote-landing] .block-label{width:fit-content;margin-block-end:var(--spacing-2);display:block} #main[data-ainote-landing] .floating-label{height:calc(var(--input-height) + 10px);top:0;opacity:.5;pointer-events:none;transform-origin:var(--transform-origin-start);grid-auto-flow:column;align-items:center;column-gap:8px;margin-inline-start:var(--spacing-4);transition:transform .2s ease-in-out;display:grid;position:absolute} #main[data-ainote-landing] .floating-label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:1px} #main[data-ainote-landing] .floating-label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:1px} #main[data-ainote-landing] :-webkit-any(:-webkit-any(.input,.textarea):focus ~ .floating-label,:-webkit-any(.input,.textarea):not(:placeholder-shown) ~ .floating-label,:-webkit-any(.input,.textarea,.select):-webkit-autofill ~ .floating-label,.select:valid ~ .floating-label){transform:scale(.65) translateY(calc(-1 * var(--spacing-4)))} #main[data-ainote-landing] :is(:is(.input,.textarea):focus~.floating-label,:is(.input,.textarea):not(:placeholder-shown)~.floating-label,:is(.input,.textarea,.select):autofill~.floating-label,.select:valid~.floating-label){transform:scale(.65) translateY(calc(-1 * var(--spacing-4)))} #main[data-ainote-landing] :-webkit-any(.input,.textarea,.select):-webkit-autofill~.floating-label{color:#000} #main[data-ainote-landing] :is(.input,.textarea,.select):autofill~.floating-label{color:#000} #main[data-ainote-landing] .self-submit-button{top:50%;position:absolute;transform:translateY(-50%)} #main[data-ainote-landing] .self-submit-button:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-4)} #main[data-ainote-landing] .self-submit-button:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-4)} @media screen and (min-width:700px){#main[data-ainote-landing] .floating-label{margin-inline-start:var(--spacing-5)} #main[data-ainote-landing] .self-submit-button:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-5)} #main[data-ainote-landing] .self-submit-button:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-5)}} #main[data-ainote-landing] .checkbox-container{align-items:baseline;display:flex} #main[data-ainote-landing] .checkbox{-webkit-appearance:none;appearance:none;width:var(--spacing-4);height:var(--spacing-4);background:rgb(var(--text-color) / .15) var(--checkmark-svg-url) no-repeat center;background-size:0;border-radius:2px;flex-shrink:0;transition:background-color .2s ease-in-out;position:relative;top:3px;box-shadow:inset 1px 1px 2px #0000001a} #main[data-ainote-landing] .checkbox:checked{background-color:rgb(var(--accent));background-size:10px 8px} #main[data-ainote-landing] .checkbox:checked~label{opacity:1;transition:all .2s ease-in-out} #main[data-ainote-landing] .checkbox~label{opacity:.7;padding-inline-start:var(--spacing-3)} #main[data-ainote-landing] .checkbox:disabled{opacity:.5} #main[data-ainote-landing] .checkbox:disabled~label{color:rgb(var(--text-color) / .5);cursor:default} #main[data-ainote-landing] .fieldset>.checkbox-container{margin-block-start:var(--spacing-1)} #main[data-ainote-landing] .checkbox-list{gap:var(--spacing-2);display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .checkbox{top:var(--spacing-0-5)}} #main[data-ainote-landing] .switch{-webkit-appearance:none;appearance:none;height:var(--spacing-5);width:var(--spacing-10);border-radius:var(--rounded-full);background:rgb(var(--text-color) / .15);padding:3px;transition:background .2s ease-in-out;display:grid} #main[data-ainote-landing] .switch:after{content:"";width:var(--spacing-3-5);height:var(--spacing-3-5);background:rgb(var(--background));border-radius:var(--rounded-full);transition:transform .2s ease-in-out;box-shadow:0 1px 1px #0003} #main[data-ainote-landing] .switch:checked{background:rgb(var(--accent))} #main[data-ainote-landing] .switch:checked:after{transform:translate(calc(var(--transform-logical-flip) * var(--spacing-5)))} #main[data-ainote-landing] .horizontal-product{--horizontal-product-image-size: var(--spacing-16);align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4);min-width:0;display:flex} #main[data-ainote-landing] .horizontal-product__image{width:var(--horizontal-product-image-size);flex:0 0 var(--horizontal-product-image-size)} #main[data-ainote-landing] .horizontal-product__info{gap:var(--spacing-2);flex-grow:1;justify-content:space-between;align-items:center;display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .horizontal-product{--horizontal-product-image-size: var(--spacing-20);gap:var(--spacing-5);align-items:center} #main[data-ainote-landing] .horizontal-product--sm{--horizontal-product-image-size: var(--spacing-16)} #main[data-ainote-landing] .horizontal-product__info{gap:var(--spacing-4);display:flex} #main[data-ainote-landing] .horizontal-product__cta{flex-shrink:0;margin-inline-end:var(--spacing-4)}} #main[data-ainote-landing] .horizontal-product-list.separate{gap:var(--spacing-2);display:grid} #main[data-ainote-landing] .horizontal-product-list-carousel>.horizontal-product-list{grid:auto / auto-flow 73vw;display:grid} #main[data-ainote-landing] .horizontal-product-list-carousel>.horizontal-product-list:not(.separate){border-radius:var(--rounded-xs);border-width:1px} @media screen and (min-width:700px){#main[data-ainote-landing] .horizontal-product-list-carousel{border-radius:var(--rounded-xs);grid-template-columns:minmax(0,1fr)} #main[data-ainote-landing] .horizontal-product-list-carousel>.horizontal-product-list{grid:auto / auto-flow var(--horizontal-product-width, 100%)}} #main[data-ainote-landing] .v-stack{display:grid} #main[data-ainote-landing] .h-stack{align-items:center;display:flex} #main[data-ainote-landing] .container{--container-inner-width: min((100vw - var(--scrollbar-width, 0px)) - var(--container-gutter) * 2, var(--container-max-width));--container-outer-width: calc(((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width)) / 2);margin-inline-start:max(var(--container-gutter),50% - var(--container-max-width) / 2);margin-inline-end:max(var(--container-gutter),50% - var(--container-max-width) / 2)} #main[data-ainote-landing] .container--narrow{--container-max-width: var(--container-narrow-max-width)} @media screen and (min-width:700px){#main[data-ainote-landing] .sm\:container{--container-inner-width: min((100vw - var(--scrollbar-width, 0px)) - var(--container-gutter) * 2, var(--container-max-width));--container-outer-width: calc(((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width)) / 2);margin-inline-start:max(var(--container-gutter),50% - var(--container-max-width) / 2);margin-inline-end:max(var(--container-gutter),50% - var(--container-max-width) / 2)}} #main[data-ainote-landing] .bleed{scroll-padding-inline:var(--container-outer-width);margin-inline-start:calc(-1 * var(--container-outer-width));margin-inline-end:calc(-1 * var(--container-outer-width));padding-inline-start:var(--container-outer-width);padding-inline-end:var(--container-outer-width);display:grid} #main[data-ainote-landing] .full-bleed{margin-inline-start:calc(-1 * var(--container-outer-width));margin-inline-end:calc(-1 * var(--container-outer-width));display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .sm\:unbleed{margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0;scroll-padding-inline:0}} @media screen and (min-width:1000px){#main[data-ainote-landing] .md\:unbleed{margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0;scroll-padding-inline:0}} @media screen and (min-width:1150px){#main[data-ainote-landing] .lg\:unbleed{margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0;scroll-padding-inline:0}} #main[data-ainote-landing] .shopify-section{--section-is-first: 0;--hash-difference: calc(var(--section-background-hash) - var(--previous-section-background-hash, -1));--hash-difference-abs: max(var(--hash-difference), -1 * var(--hash-difference));--background-differs-from-previous: max(0, min(var(--hash-difference-abs, 1), 1));background:rgb(var(--background));position:relative} #main[data-ainote-landing] .shopify-section:not(.contents){display:flow-root} #main[data-ainote-landing] .shopify-section:empty{display:none} #main[data-ainote-landing] .shopify-section:first-child{--section-is-first: 1} #main[data-ainote-landing] .section{--context-section-spacing-block-start: var(--section-outer-spacing-block);--context-section-spacing-block-end: var(--section-outer-spacing-block);--context-section-spacing-inline: var(--container-gutter);--calculated-section-spacing-block-start: var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start)));--calculated-section-spacing-block-end: var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end)));--calculated-section-spacing-inline: var(--section-spacing-inline, var(--context-section-spacing-inline));--container-inner-width: min((100vw - var(--scrollbar-width, 0px)) - var(--calculated-section-spacing-inline, 0px) * 2, var(--container-max-width));--container-outer-width: calc(((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width, 0px)) / 2);--section-stack-spacing-inline: var(--section-inner-spacing-inline, 0px);padding-inline-start:max(var(--calculated-section-spacing-inline),50% - var(--container-max-width) / 2);padding-inline-end:max(var(--calculated-section-spacing-inline),50% - var(--container-max-width) / 2)} #main[data-ainote-landing] .section--tight{--calculated-section-spacing-block-start: min(48px, var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start))));--calculated-section-spacing-block-end: min(48px, var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end))));--calculated-section-spacing-inline: min(48px, var(--section-spacing-inline, var(--context-section-spacing-inline)))} #main[data-ainote-landing] .section--narrow{--container-max-width: var(--container-narrow-max-width)} #main[data-ainote-landing] .section{padding-block-start:calc(var(--background-differs-from-previous) * var(--calculated-section-spacing-block-start));padding-block-end:var(--calculated-section-spacing-block-end)} @media screen and (min-width:700px){#main[data-ainote-landing] .section--tight{--calculated-section-spacing-block-start: min(48px, var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start, 0px))));--calculated-section-spacing-block-end: min(48px, var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end, 0px))))} #main[data-ainote-landing] .section-boxed{--context-section-spacing-block-start: min(var(--section-inner-max-spacing-block, var(--section-outer-spacing-block)));--context-section-spacing-block-end: min(var(--section-inner-max-spacing-block, var(--section-outer-spacing-block)));--context-section-spacing-inline: var(--section-inner-spacing-inline);--container-inner-width: calc(var(--container-max-width) - var(--container-outer-width) * 2);--container-outer-width: var(--calculated-section-spacing-inline);border-radius:var(--rounded-lg);box-shadow:var(--shadow-block);margin-block-start:calc(var(--background-differs-from-previous) * var(--section-outer-spacing-block-start, var(--section-outer-spacing-block)));margin-block-end:var(--section-outer-spacin-block-end, var(--section-outer-spacing-block));margin-inline-start:max(var(--container-gutter),50% - var(--container-max-width) / 2);margin-inline-end:max(var(--container-gutter),50% - var(--container-max-width) / 2);padding-block-start:var(--calculated-section-spacing-block-start);padding-inline-start:var(--calculated-section-spacing-inline);padding-inline-end:var(--calculated-section-spacing-inline)} #main[data-ainote-landing] .shopify-section:first-child{--section-outer-spacing-block-start: 24px}} @media screen and (min-width:1600px){#main[data-ainote-landing] .section--tight{--calculated-section-spacing-block-start: min(64px, var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start, 0px))));--calculated-section-spacing-block-end: min(64px, var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end, 0px))))}} #main[data-ainote-landing] .section-header{gap:var(--spacing-4);justify-items:start;display:grid} @media screen and (min-width:1150px){#main[data-ainote-landing] .section-header{grid-template-columns:700px;justify-content:space-between;align-items:end} #main[data-ainote-landing] .section-header>.text-with-icon{grid-column-start:2}} #main[data-ainote-landing] .section-stack{gap:var(--section-stack-spacing-block, 0px) var(--section-stack-spacing-inline, 0px);grid-auto-columns:minmax(0,1fr);display:grid} @media screen and (min-width:1150px){#main[data-ainote-landing] .section-stack--horizontal{justify-content:center;display:flex} #main[data-ainote-landing] .section-stack--center{justify-items:center} #main[data-ainote-landing] .section-stack--reverse{flex-direction:row-reverse} #main[data-ainote-landing] .section-stack__intro{width:var(--section-stack-intro, 50%)} #main[data-ainote-landing] .section-stack__main{width:var(--section-stack-main, 50%)}} #main[data-ainote-landing] .page-spacer{margin-block-start:var(--spacing-8);margin-block-end:var(--section-outer-spacing-block)} @media screen and (min-width:700px){#main[data-ainote-landing] .page-spacer{margin-block-start:var(--spacing-12)}} @media screen and (min-width:1000px){#main[data-ainote-landing] .page-spacer{margin-block-start:var(--spacing-16)}} #main[data-ainote-landing] .box{padding:var(--spacing-8)} @media screen and (min-width:700px){#main[data-ainote-landing] .box{padding:var(--spacing-12)}} #main[data-ainote-landing] .empty-state{justify-items:center;gap:var(--spacing-5);text-align:center;margin-block-start:var(--spacing-12);margin-block-end:var(--spacing-12);display:grid} #main[data-ainote-landing] .empty-state__icon-wrapper{position:relative} #main[data-ainote-landing] .empty-state__icon-wrapper>.count-bubble{position:absolute;top:calc(-1 * var(--spacing-1-5))} #main[data-ainote-landing] .empty-state__icon-wrapper>.count-bubble:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(-1 * var(--spacing-1-5))} #main[data-ainote-landing] .empty-state__icon-wrapper>.count-bubble:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(-1 * var(--spacing-1-5))} @media screen and (min-width:700px){#main[data-ainote-landing] .empty-state{gap:var(--spacing-8);margin-block-start:var(--spacing-32);margin-block-end:var(--spacing-32)} #main[data-ainote-landing] .empty-state__icon-wrapper>svg{width:var(--spacing-12);height:var(--spacing-12)} #main[data-ainote-landing] .empty-state__icon-wrapper>.count-bubble{top:calc(-1 * var(--spacing-3))} #main[data-ainote-landing] .empty-state__icon-wrapper>.count-bubble:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(-1 * var(--spacing-3))} #main[data-ainote-landing] .empty-state__icon-wrapper>.count-bubble:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(-1 * var(--spacing-3))}} #main[data-ainote-landing] .scrollable-with-controls{gap:var(--spacing-6);grid-auto-columns:minmax(0,1fr);display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .scrollable-with-controls{gap:var(--spacing-10)}} #main[data-ainote-landing] .line-item{--line-item-image-width: var(--spacing-20);align-items:start;gap:var(--spacing-5);display:flex} #main[data-ainote-landing] .line-item__media-wrapper{width:var(--line-item-image-width);min-width:var(--line-item-image-width);position:relative} #main[data-ainote-landing] .line-item__media-wrapper>.pill-loader{position:absolute;top:calc(50% - 8px)} #main[data-ainote-landing] .line-item__media-wrapper>.pill-loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(50% - 16px)} #main[data-ainote-landing] .line-item__media-wrapper>.pill-loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% - 16px)} #main[data-ainote-landing] .line-item__info{justify-items:start;gap:var(--spacing-1);display:grid} #main[data-ainote-landing] .line-item__info line-item-quantity{margin-block-start:var(--spacing-1)} @media screen and (min-width:700px){#main[data-ainote-landing] .line-item{--line-item-image-width: var(--spacing-24);align-items:center} #main[data-ainote-landing] .line-item__actions{margin-inline-start:auto}} #main[data-ainote-landing] video-media,#main[data-ainote-landing] model-media{border-radius:inherit;aspect-ratio:var(--aspect-ratio, var(--default-aspect-ratio));position:relative} @supports not (aspect-ratio: 1){#main[data-ainote-landing] :is(video-media,model-media):before{content:"";padding-block-end:calc(100% / (var(--aspect-ratio, var(--default-aspect-ratio))));display:block} #main[data-ainote-landing] :is(video-media,model-media)>*{height:100%;top:0;left:0;position:absolute!important}} #main[data-ainote-landing] video-media{--default-aspect-ratio: 16 / 9} #main[data-ainote-landing] video-media[host]{align-items:center;display:grid} #main[data-ainote-landing] video-media[autoplay],#main[data-ainote-landing] video-media:not([autoplay])~:not(video-media){pointer-events:none} #main[data-ainote-landing] video-media:not([playing]){cursor:pointer} #main[data-ainote-landing] video-media>:is(video,iframe,img,svg){border-radius:inherit;width:100%;height:100%;transition:opacity .2s ease-in-out,visibility .2s ease-in-out} #main[data-ainote-landing] video-media>video[controls]{pointer-events:auto} #main[data-ainote-landing] video-media>img,#main[data-ainote-landing] video-media>svg{object-fit:cover;object-position:center} #main[data-ainote-landing] video-media>video:not(:-webkit-full-screen){object-fit:cover;object-position:center} #main[data-ainote-landing] video-media>video:not(:fullscreen){object-fit:cover;object-position:center} #main[data-ainote-landing] video-media>:is(iframe,img,svg){position:absolute;top:0;bottom:0;left:0;right:0} #main[data-ainote-landing] video-media:not([loaded])>:is(video,iframe),#main[data-ainote-landing] video-media[loaded]>img,#main[data-ainote-landing] video-media[loaded]>svg,#main[data-ainote-landing] video-media[loaded]::part(play-button){opacity:0;visibility:hidden} #main[data-ainote-landing] video-media[suspended]~*{pointer-events:none} #main[data-ainote-landing] video-media::part(play-button){z-index:1;will-change:transform;transition:transform .2s ease-in-out,opacity .2s ease-in-out,visibility .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)} #main[data-ainote-landing] video-media:hover::part(play-button){transform:translate(-50%,-50%)scale(1.1)} @media screen and (min-width:700px){#main[data-ainote-landing] video-media::part(play-button){width:64px;height:64px}} #main[data-ainote-landing] model-media{--default-aspect-ratio: 1} #main[data-ainote-landing] model-media model-viewer,#main[data-ainote-landing] model-media .shopify-model-viewer-ui{width:100%;height:100%} #main[data-ainote-landing] .video-play-button{--play-button-shadow-size: 12px;filter:drop-shadow(0 16px 50px #0000000d);pointer-events:auto;position:relative} #main[data-ainote-landing] .video-play-button:before{content:"";box-sizing:content-box;top:calc(-1 * var(--play-button-shadow-size));left:calc(-1 * var(--play-button-shadow-size));width:100%;height:100%;padding:var(--play-button-shadow-size);background:radial-gradient(50% 50% at 50% 50%,rgb(var(--text-color) / 0),rgb(var(--text-color)));opacity:.3;border-radius:100%;animation:2s ease-in-out infinite alternate ainote-landing-ping;position:absolute} @media screen and (min-width:700px){#main[data-ainote-landing] .video-play-button{--play-button-shadow-size: 20px} #main[data-ainote-landing] .video-play-button svg{width:80px;height:80px}} #main[data-ainote-landing] .order-summary__header{display:none} #main[data-ainote-landing] .order-summary__body td{border-top-width:0;padding-block-start:0;padding-block-end:var(--spacing-4)} #main[data-ainote-landing] .order-summary__body td:first-child{width:60%} @media screen and (min-width:700px){#main[data-ainote-landing] .order-summary__header{display:table-header-group} #main[data-ainote-landing] .order-summary__body td{padding-block-end:var(--spacing-6)} #main[data-ainote-landing] .order-summary__body tr:first-child td{padding-block-start:var(--spacing-8)} #main[data-ainote-landing] .order-summary__body tr:last-child td{padding-block-end:var(--spacing-8)}} #main[data-ainote-landing] .quantity-input{width:var(--quantity-input-characters-count, 1ch);border-radius:var(--rounded-input);text-align:center;min-width:44px;font-size:var(--text-xs);-webkit-touch-callout:none;-webkit-appearance:none;background:none;border-width:1px;outline:none;padding-block-start:var(--spacing-1);padding-block-end:var(--spacing-1)} #main[data-ainote-landing] .quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} #main[data-ainote-landing] .quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} @media screen and (min-width:700px){#main[data-ainote-landing] .quantity-input{min-width:48px;padding-block-start:var(--spacing-2);padding-block-end:var(--spacing-2)}} #main[data-ainote-landing] .pagination{background:rgb(var(--background));border-radius:var(--rounded-button);border-width:1px;justify-self:center;display:flex} #main[data-ainote-landing] .pagination__item{place-content:center;padding-inline-start:var(--spacing-4);padding-inline-end:var(--spacing-4);display:grid} #main[data-ainote-landing] .pagination__item--disabled{opacity:.5} #main[data-ainote-landing] .pagination__current{padding:var(--spacing-2) var(--spacing-1)} @media screen and (min-width:700px){#main[data-ainote-landing] .pagination__item{padding-inline-start:var(--spacing-5);padding-inline-end:var(--spacing-5)} #main[data-ainote-landing] .pagination__current{padding:var(--spacing-3) var(--spacing-2)}} #main[data-ainote-landing] .range{-webkit-appearance:none;appearance:none;background:none;width:100%} #main[data-ainote-landing] .range::-webkit-slider-thumb{-webkit-appearance:none} #main[data-ainote-landing] .range::-webkit-slider-thumb{background:rgb(var(--text-color));cursor:pointer;border:2px solid rgb(var(--background));z-index:1;width:16px;height:16px;box-shadow:none;border-radius:100%;margin-block-start:-6px;position:relative} #main[data-ainote-landing] .range::-webkit-slider-runnable-track{cursor:pointer;background:rgb(var(--text-color) / .12);border:none;border-radius:2px;width:100%;height:4px} #main[data-ainote-landing] .range::-moz-range-thumb{border:2px solid rgb(var(--background));background:rgb(var(--text-color));cursor:pointer;border-radius:100%;width:12px;height:12px} #main[data-ainote-landing] .range::-moz-range-progress{cursor:pointer;border:none;border-radius:2px;width:100%;height:4px} #main[data-ainote-landing] .range::-moz-range-track{cursor:pointer;border:none;border-radius:2px;width:100%;height:4px} #main[data-ainote-landing] .range::-moz-range-progress{background-color:rgba(var(--text-color))} #main[data-ainote-landing] .range::-moz-range-track{background-color:rgb(var(--border-color))} @media not screen and (pointer:fine){#main[data-ainote-landing] .range::-webkit-slider-thumb{width:20px;height:20px;margin-top:-9px} #main[data-ainote-landing] .range::-moz-range-thumb{width:16px;height:16px}} #main[data-ainote-landing] .range-group{background:linear-gradient(to var(--transform-origin-end),rgb(var(--text-color) / .12) var(--range-min),rgb(var(--text-color)) var(--range-min),rgb(var(--text-color)) var(--range-max),rgb(var(--text-color) / .12) var(--range-max));border-radius:2px;height:4px;position:relative} #main[data-ainote-landing] .range-group .range{pointer-events:none;vertical-align:top;height:4px} #main[data-ainote-landing] .range-group .range::-webkit-slider-runnable-track{background:none} #main[data-ainote-landing] .range-group .range::-webkit-slider-thumb{pointer-events:auto} #main[data-ainote-landing] .range-group .range::-moz-range-progress{background:none} #main[data-ainote-landing] .range-group .range::-moz-range-track{background:none} #main[data-ainote-landing] .range-group .range::-moz-range-thumb{pointer-events:auto} #main[data-ainote-landing] .range-group .range:last-child{position:absolute;top:0} #main[data-ainote-landing] .range-group .range:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0} #main[data-ainote-landing] .range-group .range:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0} #main[data-ainote-landing] .input-group{align-items:center;column-gap:20px;display:flex} #main[data-ainote-landing] .input-prefix{border-radius:min(10px,var(--rounded-button));border:1px solid rgb(var(--text-color) / .12);flex:1 0 0;justify-content:space-between;align-items:center;min-width:0;padding:10px 15px;display:flex} #main[data-ainote-landing] .input-prefix:focus-within{border-color:rgb(var(--text-color));box-shadow:inset 0 0 0 1px rgb(var(--text-color))} #main[data-ainote-landing] .input-prefix>.field{-webkit-appearance:textfield;appearance:textfield;text-align:end;background:none;border:none;width:100%;min-width:0;margin-inline-start:10px;padding:0} #main[data-ainote-landing] .input-prefix>.field:focus{outline:none} #main[data-ainote-landing] .input-prefix>.field::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0} #main[data-ainote-landing] .input-prefix>.field::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0} #main[data-ainote-landing] .price-range{gap:24px;padding-block-start:4px;display:grid} #main[data-ainote-landing] .price-range--inline{padding:var(--spacing-1);grid-template-columns:minmax(110px,auto) 380px minmax(110px,auto);align-items:center} @media screen and not (pointer:fine){#main[data-ainote-landing] .price-range{row-gap:18px;padding-block-start:10px}} #main[data-ainote-landing] .product-list{grid:var(--product-list-grid);gap:var(--product-list-gap);scroll-padding-top:calc(var(--sticky-area-height) + 20px);display:grid;position:relative} #main[data-ainote-landing] .product-list__promo{grid-column:var(--product-list-promo-grid-column, span 2);min-height:200px;display:grid} @media screen and (min-width:700px){@supports (grid-template-rows: subgrid){#main[data-ainote-landing] .product-list{grid-template-rows:auto auto} #main[data-ainote-landing] .product-list>*{grid-template-rows:subgrid;grid-row:span 2;gap:0} #main[data-ainote-landing] .product-list__promo :is(img,video-media){position:absolute} #main[data-ainote-landing] .product-list:not(:has(.product-card--blends)) .product-list__promo .content-over-media{grid-row:span 2;min-height:300px} #main[data-ainote-landing] .product-card__info{align-content:start}}} #main[data-ainote-landing] .rating{align-items:center;gap:var(--spacing-1-5);display:flex} #main[data-ainote-landing] .rating__stars{display:contents} #main[data-ainote-landing] .rating__star{color:rgb(var(--star-color));position:relative;top:-1px} #main[data-ainote-landing] .rating__star--empty{filter:grayscale()} @media screen and (min-width:700px){#main[data-ainote-landing] .rating__star{width:15px;height:15px}} #main[data-ainote-landing] .rating-with-text{gap:var(--spacing-2);grid-template-columns:minmax(0,1fr);grid-auto-flow:column;align-items:baseline;display:grid} #main[data-ainote-landing] .buy-buttons{align-items:start;gap:var(--spacing-2);display:grid} #main[data-ainote-landing] .buy-buttons--compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))} @media screen and (min-width:700px){#main[data-ainote-landing] .buy-buttons--multiple{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}} #main[data-ainote-landing] .product-card{--product-card-badge-spacing: var(--spacing-2);--product-card-info-padding: var(--spacing-4);--product-card-quick-buy-inset: var(--spacing-2);border-radius:var(--rounded-sm);isolation:isolate;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;display:grid;position:relative} #main[data-ainote-landing] .product-card__figure{display:block;position:relative} #main[data-ainote-landing] .product-card__badge-list{gap:var(--spacing-2);pointer-events:none;z-index:5;display:grid;position:absolute;top:var(--product-card-badge-spacing)} #main[data-ainote-landing] .product-card__badge-list:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--product-card-badge-spacing)} #main[data-ainote-landing] .product-card__badge-list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--product-card-badge-spacing)} #main[data-ainote-landing] .product-card__image{object-fit:contain;object-position:center;transition:opacity .2s ease-in-out} #main[data-ainote-landing] .product-card__image:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--rounded-sm);border-top-right-radius:var(--rounded-sm)} #main[data-ainote-landing] .product-card__image:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--rounded-sm);border-top-left-radius:var(--rounded-sm)} #main[data-ainote-landing] .product-card__image--secondary{display:none} #main[data-ainote-landing] .product-card__title{line-height:1.5} #main[data-ainote-landing] .product-card__quick-buy{position:absolute;bottom:var(--product-card-quick-buy-inset)} #main[data-ainote-landing] .product-card__quick-buy:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--product-card-quick-buy-inset)} #main[data-ainote-landing] .product-card__quick-buy:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--product-card-quick-buy-inset)} #main[data-ainote-landing] .product-card__mobile-quick-buy-button{background:rgb(var(--background-primary));width:36px;height:36px;color:rgb(var(--text-primary) / .7);border-radius:var(--rounded-button);border-width:1px;place-content:center;display:grid} #main[data-ainote-landing] .product-card__mobile-quick-buy-button>.button__loader{gap:var(--spacing-1)} #main[data-ainote-landing] .product-card__mobile-quick-buy-button>.button__loader>*{width:var(--spacing-1);height:var(--spacing-1)} #main[data-ainote-landing] .product-card__info{gap:var(--spacing-1);padding:var(--product-card-info-padding);grid-template-columns:minmax(0,1fr);justify-items:start;display:grid} #main[data-ainote-landing] .product-card--blends .product-card__info{padding-block-end:0;padding-inline-start:0;padding-inline-end:0} #main[data-ainote-landing] .product-card__info--center{text-align:center;justify-content:center;justify-items:center} #main[data-ainote-landing] .product-card__variant-list{display:none} @media screen and (min-width:700px){#main[data-ainote-landing] .product-card{--product-card-badge-spacing: var(--spacing-4);--product-card-info-padding: var(--spacing-5);--product-card-quick-buy-inset: var(--spacing-4)} #main[data-ainote-landing] .product-card__aside{margin-block-start:var(--spacing-1)} #main[data-ainote-landing] .product-card__variant-list{gap:var(--spacing-2);margin-block:var(--spacing-2) 2px;flex-wrap:wrap;display:flex}} @media screen and (min-width:1400px){#main[data-ainote-landing] .product-card__info{--product-card-info-padding: var(--spacing-6) var(--spacing-8) var(--spacing-8) var(--spacing-8)}} @media screen and (pointer:fine){#main[data-ainote-landing] .product-card--show-secondary-media .product-card__figure:hover .product-card__image--primary{opacity:0} #main[data-ainote-landing] .product-card--show-secondary-media .product-card__figure:hover .product-card__image--secondary{opacity:1} #main[data-ainote-landing] .product-card__image--secondary{opacity:0;display:block} #main[data-ainote-landing] .product-card__quick-buy{opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s ease-in-out;transform:translateY(5px)} #main[data-ainote-landing] .product-card:focus-within .product-card__quick-buy,#main[data-ainote-landing] .product-card:hover .product-card__quick-buy{opacity:1;visibility:visible;transform:translateY(0)}} #main[data-ainote-landing] .model-viewer{position:relative} #main[data-ainote-landing] .model-viewer model-viewer{aspect-ratio:1;width:100%;height:100%} #main[data-ainote-landing] .model-viewer .shopify-model-viewer-ui{display:block} #main[data-ainote-landing] .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{background:rgb(var(--background-primary));border-color:rgb(var(--text-primary) / .25)} #main[data-ainote-landing] .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button{color:rgb(var(--text-primary))} #main[data-ainote-landing] .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover{color:rgb(var(--text-primary) / .55)} #main[data-ainote-landing] .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active,#main[data-ainote-landing] .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus{color:rgb(var(--text-primary) / .55);background:rgb(var(--text-primary) / .25)} #main[data-ainote-landing] .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after{border-color:rgb(var(--text-primary) / .25)} #main[data-ainote-landing] .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{background:rgb(var(--background-primary));border-color:rgb(var(--text-primary) / .25);border-radius:var(--rounded-button)} #main[data-ainote-landing] .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,#main[data-ainote-landing] .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus{color:rgb(var(--text-primary) / .55)} #main[data-ainote-landing] .price-list{align-items:baseline;gap:var(--spacing-0-5) var(--spacing-2);flex-wrap:wrap;display:flex} #main[data-ainote-landing] .price-list--lg{gap:var(--spacing-3)} #main[data-ainote-landing] .pickup-drawer::part(close-button){align-self:start;margin-block-start:6px} #main[data-ainote-landing] .pickup-drawer::part(body){padding-block-start:0;padding-block-end:0} #main[data-ainote-landing] .pickup-availability__closest-location{align-items:start;gap:var(--spacing-3);display:flex} #main[data-ainote-landing] .pickup-availability__media{width:var(--spacing-16)} #main[data-ainote-landing] .pickup-availability__location{gap:var(--spacing-2);padding-block-start:var(--spacing-5);padding-block-end:var(--spacing-5);display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .pickup-availability__media{width:var(--spacing-20)} #main[data-ainote-landing] .pickup-availability__location{padding-block-start:var(--spacing-6);padding-block-end:var(--spacing-6)}} #main[data-ainote-landing] .quantity-selector{height:var(--input-height);background:rgb(var(--input-background, transparent));color:rgb(var(--input-text-color, var(--text-color)));border-radius:var(--rounded-button);border-width:1px;display:inline-flex} #main[data-ainote-landing] .quantity-selector__button{padding-inline-start:var(--spacing-5);padding-inline-end:var(--spacing-5)} #main[data-ainote-landing] .quantity-selector__input{-webkit-appearance:textfield;appearance:textfield;min-width:var(--spacing-6);width:var(--quantity-input-characters-count, 1ch);background:inherit;text-align:center} #main[data-ainote-landing] .quantity-selector__input:focus{outline:none} #main[data-ainote-landing] .quantity-selector__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} #main[data-ainote-landing] .quantity-selector__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} @media screen and (min-width:700px){#main[data-ainote-landing] .quantity-selector__button{padding-inline-start:var(--spacing-6);padding-inline-end:var(--spacing-6)}} #main[data-ainote-landing] .product-quick-add{z-index:2;visibility:hidden;opacity:0;width:100%;padding:20px;transition:visibility .15s ease-in,opacity .15s ease-in,transform .15s ease-in;position:fixed;bottom:0;transform:translateY(10px)} #main[data-ainote-landing] .product-quick-add:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0} #main[data-ainote-landing] .product-quick-add:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0} #main[data-ainote-landing] .product-quick-add.is-visible{opacity:1;visibility:visible;transform:translateY(0)} @media screen and (min-width:700px){#main[data-ainote-landing] .product-quick-add{border-radius:var(--rounded-sm);background:rgb(var(--dialog-background));border-width:1px;width:560px;padding:16px;bottom:16px;transform:translateY(0)} #main[data-ainote-landing] .product-quick-add:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:16px} #main[data-ainote-landing] .product-quick-add:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:16px} #main[data-ainote-landing] .product-quick-add__variant{grid-template-columns:80px minmax(0,1fr) auto;align-items:center;column-gap:24px;display:grid} #main[data-ainote-landing] .product-quick-add__variant.no-image{grid-template-columns:minmax(0,1fr) auto}} #main[data-ainote-landing] .quick-buy-drawer{--drawer-header-padding: var(--spacing-6);--drawer-body-padding: var(--spacing-6);--shopify-payment-button-padding: 13px var(--spacing-6);display:none} #main[data-ainote-landing] .quick-buy-drawer::part(close-button){align-self:start;margin-block-start:4px;margin-inline-end:4px} #main[data-ainote-landing] .quick-buy-drawer .variant-picker{text-align:center} #main[data-ainote-landing] .quick-buy-drawer .variant-picker__option-info,#main[data-ainote-landing] .quick-buy-drawer .variant-picker__option-values{justify-content:center} #main[data-ainote-landing] .quick-buy-drawer .variant-picker__option-values--color{max-width:300px;margin-inline-start:auto;margin-inline-end:auto} #main[data-ainote-landing] .quick-buy-drawer .block-swatch{padding:var(--spacing-2-5) var(--spacing-5);height:42px} #main[data-ainote-landing] .quick-buy-drawer .checkbox-container{justify-content:center} #main[data-ainote-landing] .quick-buy-drawer__media{max-width:var(--spacing-20)} #main[data-ainote-landing] .quick-buy-drawer__info{gap:var(--spacing-6);margin-block-start:16px;display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .quick-buy-drawer{--drawer-header-padding: var(--spacing-6);width:560px;height:auto} #main[data-ainote-landing] .quick-buy-drawer .variant-picker__option-info,#main[data-ainote-landing] .quick-buy-drawer .block-swatch{font-size:var(--text-sm)} #main[data-ainote-landing] .quick-buy-drawer .color-swatch{--swatch-size: 24px} #main[data-ainote-landing] .quick-buy-drawer .color-swatch--rectangle{--swatch-size: 32px} #main[data-ainote-landing] .quick-buy-drawer :is(.button,.shopify-payment-button__button--unbranded){padding:var(--spacing-3) var(--spacing-6)!important;font-size:var(--text-sm)!important} #main[data-ainote-landing] .quick-buy-drawer shopify-accelerated-checkout,#main[data-ainote-landing] .quick-buy-drawer shopify-accelerated-checkout-cart{--shopify-accelerated-checkout-button-block-size: 46px} #main[data-ainote-landing] .quick-buy-drawer__info{gap:var(--spacing-8)}} #main[data-ainote-landing] .variant-picker{gap:var(--spacing-6);grid-template-columns:minmax(0,1fr);display:grid} #main[data-ainote-landing] .variant-picker .popover{--popover-anchor-block-spacing: var(--spacing-2);--popover-content-max-width: none} #main[data-ainote-landing] .variant-picker .popover,#main[data-ainote-landing] .variant-picker .popover::part(content){width:100%} #main[data-ainote-landing] .variant-picker__option-info{justify-content:space-between;align-items:baseline;margin-block-end:var(--spacing-2);display:flex} #main[data-ainote-landing] .variant-picker__option-values{display:flex} #main[data-ainote-landing] .variant-picker__option-values.scroll-area{padding-block-start:1px;padding-block-end:1px} @media screen and (max-width:699px){#main[data-ainote-landing] .variant-picker__option-values:not(.wrap) .block-swatch{white-space:nowrap}} @media screen and (min-width:700px){#main[data-ainote-landing] .variant-picker__option-values{flex-wrap:wrap}} @media(scripting:none){#main[data-ainote-landing] .variant-picker__option{display:none}} #main[data-ainote-landing] .prose ol,#main[data-ainote-landing] .list-decimal{list-style:inside decimal} #main[data-ainote-landing] .prose ul,#main[data-ainote-landing] .list-disc{list-style:inside} #main[data-ainote-landing] .prose :is(ol,ul) :is(ol,ul){margin-block-start:1em;margin-inline-start:1em} #main[data-ainote-landing] .prose>:first-child,#main[data-ainote-landing] .prose>:first-child :first-child{margin-block-start:0!important} #main[data-ainote-landing] .prose>:last-child,#main[data-ainote-landing] .prose>:last-child :last-child{margin-block-end:0!important} #main[data-ainote-landing] .prose *+:is(p,div,ul,ol){margin-block-start:var(--spacing-3)} #main[data-ainote-landing] .prose *+:is(.h0,.h1,.h2,h1,h2){margin-block-start:var(--spacing-4)} #main[data-ainote-landing] .prose *+:is(.h3,.h4,.h5,.h6,h3,h4,h5,h6){margin-block-start:var(--spacing-3)} #main[data-ainote-landing] .prose *+.button{margin-block-start:var(--spacing-6)!important} #main[data-ainote-landing] .prose *+span:not(:empty,.metafield-multi_line_text_field){display:inline-block} #main[data-ainote-landing] .prose :is(.h0,.h1,.h2,.h3,.h4,h1,h2,h3,h4)+*{margin-block-start:var(--spacing-5)} #main[data-ainote-landing] .prose :is(.h5,.h6,h5,h6)+*{margin-block-start:var(--spacing-4)} #main[data-ainote-landing] .prose :is(p img:not([style*=float]):only-child,div img:not([style*=float]):only-child,figure,video){margin-block:var(--spacing-8)} #main[data-ainote-landing] .prose figcaption{font-style:italic;font-size:var(--text-sm);color:rgb(var(--text-color) / .7);margin-block-start:.5em} #main[data-ainote-landing] .prose ul,#main[data-ainote-landing] .prose ol{row-gap:.6em;display:grid} #main[data-ainote-landing] .prose br{margin-block-start:0!important;margin-block-end:0!important} #main[data-ainote-landing] .prose :is(iframe[src*=youtube],iframe[src*="youtu.be"],iframe[src*=vimeo]){aspect-ratio:16 / 9;width:100%;height:auto} @media screen and (min-width:700px){#main[data-ainote-landing] .prose *+:is(p,div,ul,ol){margin-block-start:var(--spacing-4)} #main[data-ainote-landing] .prose *+:is(.h0,.h1,.h2,h1,h2){margin-block-start:var(--spacing-6)} #main[data-ainote-landing] .prose *+:is(.h3,.h4,h3,h4){margin-block-start:var(--spacing-5)} #main[data-ainote-landing] .prose *+:is(.h5,.h6,h5,h6){margin-block-start:var(--spacing-4)} #main[data-ainote-landing] .prose *+.button{margin-block-start:var(--spacing-8)!important} #main[data-ainote-landing] .prose .h0+.button{margin-block-start:var(--spacing-10)!important} #main[data-ainote-landing] .prose :is(.h0,.h1,.h2,.h3,h1,h2,h3)+*{margin-block-start:var(--spacing-6)} #main[data-ainote-landing] .prose :is(.h4,h4)+*{margin-block-start:var(--spacing-5)} #main[data-ainote-landing] .prose :is(.h5,.h6,h5,h6)+*{margin-block-start:var(--spacing-4)} #main[data-ainote-landing] .prose :is(p img:not([style*=float]):only-child,div img:not([style*=float]):only-child,figure,video){margin-block:var(--spacing-12)}} @media screen and (min-width:1150px){#main[data-ainote-landing] .prose *+p{margin-block-start:var(--spacing-6)} #main[data-ainote-landing] .prose *+:is(.h0,.h1,h1){margin-block-start:var(--spacing-8)} #main[data-ainote-landing] .prose *+:is(.h2,.h3,.h4,h2,h3,h4){margin-block-start:var(--spacing-6)} #main[data-ainote-landing] .prose *+:is(.h5,.h6,h5,h6){margin-block-start:var(--spacing-4)} #main[data-ainote-landing] .prose :is(.h0,.h1,.h2,h1,h2)+*{margin-block-start:var(--spacing-8)} #main[data-ainote-landing] .prose :is(.h3,.h4,h3,h4)+*{margin-block-start:var(--spacing-6)} #main[data-ainote-landing] .prose :is(.h5,.h6,h5,h6)+*{margin-block-start:var(--spacing-4)}} #main[data-ainote-landing] .link,#main[data-ainote-landing] .prose a:not(.button){text-underline:none;background:linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.35em) / 100% 1px no-repeat;transition:background-size .3s ease-in-out,color .3s ease-in-out} @supports (height: 1lh){#main[data-ainote-landing] .link,#main[data-ainote-landing] .prose a:not(.button){background:linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.2lh) / 100% 1px no-repeat}} @media screen and (pointer:fine){#main[data-ainote-landing] :is(.link,.prose a:not(.button)):hover{background-size:0 1px} #main[data-ainote-landing] .text-subdued :is(.link,.prose a:not(.button)):hover{color:rgb(var(--text-color))}} #main[data-ainote-landing] .reversed-link{text-underline:none;background:linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.35em) / 0 1px no-repeat;transition:background-size .3s ease-in-out} @supports (height: 1lh){#main[data-ainote-landing] .reversed-link{background:linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.2lh) / 0 1px no-repeat}} @media screen and (pointer:fine){#main[data-ainote-landing] .group:hover .reversed-link,#main[data-ainote-landing] .reversed-link.hover\:show:hover{background-size:100% 1px}} #main[data-ainote-landing] .link-faded{opacity:.7;transition:opacity .2s ease-in-out} @media screen and (pointer:fine){#main[data-ainote-landing] .link-faded:hover{opacity:1}} #main[data-ainote-landing] .link-faded-reverse{transition:opacity .2s ease-in-out} @media screen and (pointer:fine){#main[data-ainote-landing] .link-faded-reverse:hover{opacity:.7}} #main[data-ainote-landing] table{width:100%} #main[data-ainote-landing] table caption{text-align:inherit;margin-block-end:8px} #main[data-ainote-landing] th{text-align:start} #main[data-ainote-landing] th,#main[data-ainote-landing] td{padding:var(--spacing-4);vertical-align:top} #main[data-ainote-landing] table:not(.table--bordered) :is(th,td):first-child{padding-inline-start:0} #main[data-ainote-landing] table:not(.table--bordered) :is(th,td):last-child{padding-inline-end:0} #main[data-ainote-landing] thead th{border-block-end-width:1px} #main[data-ainote-landing] tbody tr+tr>*,#main[data-ainote-landing] thead+tbody tr>*{border-top-width:1px} #main[data-ainote-landing] tfoot td{border-top-width:1px;padding-block-start:var(--spacing-6);padding-block-end:0} #main[data-ainote-landing] .table-row-hover{cursor:pointer;transition:background .2s ease-in-out} #main[data-ainote-landing] .table--bordered tr{border-width:1px} #main[data-ainote-landing] .table--sm td{padding:var(--spacing-2)} @media screen and (pointer:fine){#main[data-ainote-landing] .table-row-hover:hover{background:rgb(var(--text-color) / .05)}} @media screen and (min-width:700px){#main[data-ainote-landing] th,#main[data-ainote-landing] td{padding-block-start:var(--spacing-6);padding-block-end:var(--spacing-6)} #main[data-ainote-landing] tfoot td{padding-block-start:var(--spacing-8)}} #main[data-ainote-landing] .blockquote,#main[data-ainote-landing] .prose blockquote{--quote-width: 51px;--quote-height: 37px;--quote-inset-block-start: calc(var(--spacing-5) * -1);--quote-inset-inline-start: var(--spacing-1);margin-inline-start:0;margin-inline-end:0;font-weight:700;position:relative} #main[data-ainote-landing] :is(.blockquote,.prose blockquote):before{content:"";width:var(--quote-width);height:var(--quote-height);background:rgb(var(--text-color) / .1);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='86' height='55' viewBox='0 0 86 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71.3163 54.6H42.5163L60.3163 0.400024H85.5163L71.3163 54.6ZM29.3163 54.6H0.716309L18.9163 0.400024H44.1163L29.3163 54.6Z' fill='%23252627'/%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg width='86' height='55' viewBox='0 0 86 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71.3163 54.6H42.5163L60.3163 0.400024H85.5163L71.3163 54.6ZM29.3163 54.6H0.716309L18.9163 0.400024H44.1163L29.3163 54.6Z' fill='%23252627'/%3E%3C/svg%3E%0A");-webkit-mask-size:var(--quote-width) var(--quote-height);mask-size:var(--quote-width) var(--quote-height);position:absolute;top:var(--quote-inset-block-start);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat} #main[data-ainote-landing] :is(.blockquote,.prose blockquote):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{left:var(--quote-inset-inline-start)} #main[data-ainote-landing] :is(.blockquote,.prose blockquote):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:var(--quote-inset-inline-start)} #main[data-ainote-landing] .blockquote{margin-block-start:var(--spacing-5)} #main[data-ainote-landing] .prose blockquote{--quote-inset-block-start: calc(var(--spacing-4) * -1);--quote-inset-inline-start: calc(50% - (var(--quote-width) / 2));text-align:center;font-size:var(--text-h3);margin-block-start:var(--spacing-14);margin-block-end:var(--spacing-10);line-height:1.2} @media screen and (min-width:700px){#main[data-ainote-landing] .blockquote,#main[data-ainote-landing] .prose blockquote{--quote-width: 70px;--quote-height: 45px} #main[data-ainote-landing] .blockquote{--quote-inset-block-start: calc(var(--spacing-6) * -1);margin-block-start:var(--spacing-8)}} @media screen and (min-width:1150px){#main[data-ainote-landing] .prose blockquote{--quote-width: 85px;--quote-height: 55px;--quote-inset-block-start: calc(var(--spacing-5) * -1);margin-block-start:var(--spacing-18);margin-block-end:var(--spacing-12)} #main[data-ainote-landing] .blockquote{--quote-inset-inline-start: var(--spacing-2-5)}} #main[data-ainote-landing] .shape-circle,#main[data-ainote-landing] .shape-square,#main[data-ainote-landing] .shape-diamond{--size: var(--spacing-1-5);width:var(--size);height:var(--size);background:currentColor;display:block} #main[data-ainote-landing] .shape-circle{border-radius:var(--rounded-full)} #main[data-ainote-landing] .shape-diamond{transform:rotate(45deg)} #main[data-ainote-landing] .shape-line{background:rgb(var(--text-color) / .1);width:1px;height:100%} #main[data-ainote-landing] .shape--sm{--size: var(--spacing-1)} #main[data-ainote-landing] .shape--lg{--size: var(--spacing-2)} @keyframes ainote-landing-pulse{50%{opacity:.5}} #main[data-ainote-landing] .skeleton{background:rgb(var(--text-color) / .15);border-radius:4px;flex-shrink:0;animation:2.5s cubic-bezier(.4,0,.6,1) infinite ainote-landing-pulse;display:block} #main[data-ainote-landing] .skeleton--tab{width:88px;height:20px} #main[data-ainote-landing] .skeleton--thumbnail{width:80px;height:80px} #main[data-ainote-landing] .skeleton--text{height:12px;width:var(--skeleton-text-width, 100%)} @media screen and (min-width:700px){#main[data-ainote-landing] .skeleton--tab{width:148px;height:34px} #main[data-ainote-landing] .skeleton--thumbnail{width:96px;height:96px}} #main[data-ainote-landing] .color-swatch{--swatch-offset: 3px;--swatch-size: var(--spacing-7);--swatch-margin: calc(var(--swatch-offset) * 2);width:var(--swatch-size);height:var(--swatch-size);margin:var(--swatch-margin);background:var(--swatch-background) center / cover;flex-shrink:0;place-items:center;display:grid;position:relative} #main[data-ainote-landing] .color-swatch.is-disabled{background:linear-gradient(to bottom right,transparent calc(50% - 1px),rgb(var(--background)) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),var(--swatch-background) center / cover} #main[data-ainote-landing] :disabled+.color-swatch{display:none} #main[data-ainote-landing] .color-swatch:before{content:"";inset:calc(-1 * var(--swatch-offset));opacity:0;border-radius:inherit;will-change:transform;transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;transform:scale(.75);box-shadow:0 0 0 2px} #main[data-ainote-landing] :checked+.color-swatch:before,#main[data-ainote-landing] .color-swatch.is-selected:before{opacity:1;transform:scale(1)} #main[data-ainote-landing] :focus-visible+.color-swatch{outline-offset:calc(2px + var(--swatch-offset) * 2)} #main[data-ainote-landing] .color-swatch--rectangle{--swatch-size: var(--spacing-10);height:calc(var(--swatch-size) * .4);margin:0} #main[data-ainote-landing] .color-swatch--rectangle:before{width:100%;bottom:-3px;box-shadow:0 2px} #main[data-ainote-landing] .color-swatch--rectangle:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{left:0} #main[data-ainote-landing] .color-swatch--rectangle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0} #main[data-ainote-landing] .color-swatch--sm{--swatch-size: var(--spacing-3-5);--swatch-offset: 2px} #main[data-ainote-landing] .color-swatch--rectangle.color-swatch--sm{--swatch-size: var(--spacing-5);margin-block-start:7px;margin-block-end:6px} #main[data-ainote-landing] .color-swatch--rectangle.color-swatch--sm:before{bottom:-2px} #main[data-ainote-landing] .color-swatch__view-more{padding:1px var(--spacing-2);color:rgb(var(--text-color) / .7);border-width:1px;margin-inline-start:var(--spacing-1-5)} #main[data-ainote-landing] .thumbnail-swatch{--swatch-size: 60px;width:var(--swatch-size);height:var(--swatch-size);border-radius:min(4px,var(--rounded-input));flex-shrink:0;display:block;position:relative} #main[data-ainote-landing] .thumbnail-swatch:before{content:"";border-radius:inherit;opacity:0;will-change:transform;transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(.95);box-shadow:0 0 0 2px} #main[data-ainote-landing] :disabled+.thumbnail-swatch{display:none} #main[data-ainote-landing] .thumbnail-swatch.is-disabled:after{content:"";background-image:linear-gradient(to bottom right,transparent calc(50% - 1px),rgb(var(--text-color) / .5) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px));position:absolute;top:0;bottom:0;left:0;right:0} #main[data-ainote-landing] .thumbnail-swatch>img{border-radius:inherit;height:100%} #main[data-ainote-landing] :checked+.thumbnail-swatch:before,#main[data-ainote-landing] .thumbnail-swatch.is-selected:before{opacity:1;transform:scale(1)} #main[data-ainote-landing] :focus-visible+.thumbnail-swatch{outline-offset:4px} #main[data-ainote-landing] .thumbnail-swatch--sm{--swatch-size: 48px} #main[data-ainote-landing] .thumbnail-swatch__view-more{width:var(--spacing-12);height:var(--spacing-12);border-radius:min(4px,var(--rounded-input));border-width:1px;place-items:center;display:grid} #main[data-ainote-landing] .block-swatch{place-items:center;gap:var(--spacing-3);height:var(--input-height);border-radius:var(--rounded-button);background:rgb(var(--input-background, var(--background))) no-repeat;border-width:1px;padding-inline-start:var(--spacing-5);padding-inline-end:var(--spacing-5);display:flex;position:relative} #main[data-ainote-landing] .block-swatch.is-disabled{color:rgb(var(--text-color) / .5);background-image:linear-gradient(to bottom right,#0000 50%,currentColor 50% calc(50% + 2px),#0000 calc(50% + 2px))} #main[data-ainote-landing] :disabled+.block-swatch{display:none} #main[data-ainote-landing] .block-swatch:before{content:"";box-shadow:0 0 0 2px rgb(var(--text-color));border-radius:inherit;opacity:0;will-change:transform;transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(.95)} #main[data-ainote-landing] :checked+.block-swatch.is-disabled{background-image:linear-gradient(to bottom right,transparent 50%,rgb(var(--text-color)) 50% calc(50% + 2px),transparent calc(50% + 2px))} #main[data-ainote-landing] :checked+.block-swatch:before,#main[data-ainote-landing] .block-swatch.is-selected:before{opacity:1;transform:scale(1)} #main[data-ainote-landing] :focus-visible+.block-swatch{outline-offset:4px} #main[data-ainote-landing] .block-swatch__color{width:var(--spacing-3-5);height:var(--spacing-3-5);border-radius:var(--rounded-full);background:var(--swatch-background) center / cover} @media screen and (min-width:700px){#main[data-ainote-landing] .block-swatch{padding-inline-start:var(--spacing-6);padding-inline-end:var(--spacing-6)}} #main[data-ainote-landing] .image-filter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid} #main[data-ainote-landing] .facet-dialog .image-filter-list{grid-template-columns:repeat(5,minmax(0,1fr))} #main[data-ainote-landing] .image-filter{text-align:center;border-width:1px;border-radius:2px;flex-direction:column;align-items:center;row-gap:8px;padding:16px 16px 12px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;display:flex} #main[data-ainote-landing] :checked+.image-filter,#main[data-ainote-landing] .image-filter.is-selected{border-color:currentColor;box-shadow:inset 0 0 0 1px} #main[data-ainote-landing] .image-filter__image{width:32px} #main[data-ainote-landing] [data-tooltip]{position:relative} @media screen and (pointer:fine){#main[data-ainote-landing] [data-tooltip]:after{content:attr(data-tooltip);bottom:calc(100% + var(--spacing-2));border-radius:min(24px,var(--rounded-button));background:rgb(var(--text-color));width:max-content;color:rgb(var(--background));visibility:hidden;opacity:0;pointer-events:none;padding:2px 10px;font-size:12px;font-weight:700;transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s ease-in-out;position:absolute;left:50%;transform:translate(-50%)scale(.9)} #main[data-ainote-landing] [data-tooltip]:hover:after{visibility:visible;opacity:1;will-change:transform;transform:translate(-50%)scale(1)}} #main[data-ainote-landing] .lock{overflow:hidden} #main[data-ainote-landing] .text-with-icon{gap:var(--spacing-3);align-items:center;display:flex} #main[data-ainote-landing] .text-with-icon>svg{flex-shrink:0} #main[data-ainote-landing] .offer{gap:var(--spacing-2);padding:var(--spacing-5);border-radius:var(--rounded-sm);display:grid} #main[data-ainote-landing] .offer--center{text-align:center;justify-items:center} #main[data-ainote-landing] .social-media{gap:var(--spacing-3) var(--spacing-6);flex-wrap:wrap;display:flex} #main[data-ainote-landing] .social-media--sm svg{width:20px;height:20px} @media screen and (min-width:700px){#main[data-ainote-landing] .social-media--sm svg{width:27.2px;height:27.2px}} #main[data-ainote-landing] .share-buttons{align-items:center;gap:var(--spacing-2-5);display:flex} #main[data-ainote-landing] .share-buttons__item{width:var(--spacing-8-5);height:var(--spacing-8-5);opacity:.7;background:rgb(var(--text-color) / 0);border-radius:var(--rounded-full);place-content:center;transition:opacity .2s ease-in-out,background .2s ease-in-out;display:grid} #main[data-ainote-landing] .share-buttons__item:hover{opacity:1;background:rgb(var(--text-color) / .1)} #main[data-ainote-landing] .floating-controls-container{position:relative} #main[data-ainote-landing] .floating-controls-container .circle-button{opacity:0;visibility:hidden;z-index:1;transition:opacity .1s ease-in-out,transform .1s ease-in-out,visibility .1s ease-in-out;position:absolute;top:calc(50% - 24px);transform:scale(.8)} #main[data-ainote-landing] .floating-controls-container .circle-button:first-of-type:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-5)} #main[data-ainote-landing] .floating-controls-container .circle-button:first-of-type:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-5)} #main[data-ainote-landing] .floating-controls-container .circle-button:last-of-type:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-5)} #main[data-ainote-landing] .floating-controls-container .circle-button:last-of-type:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-5)} @media screen and (pointer:fine){#main[data-ainote-landing] .floating-controls-container:hover .is-scrollable~.circle-button:not([disabled]){opacity:1;visibility:visible;transform:scale(1)}} #main[data-ainote-landing] .icon{vertical-align:middle;display:block} #main[data-ainote-landing] [dir=rtl] .reverse-icon{transform:rotate(180deg)} #main[data-ainote-landing] .offset-icon{--icon-baseline-distance: 1.6em ;--icon-offset: calc((var(--icon-baseline-distance) - var(--icon-height)) / 2);top:var(--icon-offset);position:relative} #main[data-ainote-landing] .icon-chevron-bottom{transition:transform .2s ease-in-out} #main[data-ainote-landing] .group[aria-expanded=true]>.icon-chevron-bottom{transform:rotate(180deg)} #main[data-ainote-landing] .icon-block{padding:var(--spacing-6);background:rgb(var(--background))} #main[data-ainote-landing] .image-icon{width:var(--mobile-icon-max-width, var(--icon-max-width))} @media screen and (min-width:700px){#main[data-ainote-landing] .image-icon{width:var(--icon-max-width)}} #main[data-ainote-landing] custom-cursor{z-index:2;pointer-events:none;opacity:0;visibility:hidden;display:none;position:absolute;top:0;left:0;scale:.5;transition:opacity .1s,scale .1s,visibility .1s!important} @media screen and (pointer:fine){#main[data-ainote-landing] custom-cursor{display:block} #main[data-ainote-landing] custom-cursor.is-visible{opacity:1;visibility:visible;scale:1}} #main[data-ainote-landing] :has(>custom-cursor:not([hidden])){cursor:none} #main[data-ainote-landing] scroll-shadow{--scroll-shadow-size: 30px} #main[data-ainote-landing] split-lines{overflow-wrap:anywhere} #main[data-ainote-landing] product-rerender{display:contents} #main[data-ainote-landing] .nav-categories{--filter-list-item-padding: var(--spacing-2-5) var(--spacing-5);white-space:nowrap} #main[data-ainote-landing] .nav-categories [aria-selected=true]{background-color:rgb(var(--background-primary));color:rgb(var(--text-primary))} #main[data-ainote-landing] .nav-categories [aria-selected=false]{opacity:.5;transition:opacity .2s ease-in-out} @media screen and (pointer:fine){#main[data-ainote-landing] .nav-categories [aria-selected=false]:hover{opacity:1}} #main[data-ainote-landing] .nav-categories button,#main[data-ainote-landing] .nav-categories a{padding:var(--filter-list-item-padding);display:block} @media screen and (min-width:700px){#main[data-ainote-landing] .nav-categories{--filter-list-item-padding: var(--spacing-4) var(--spacing-6)}} #main[data-ainote-landing] .customer-form__image{display:none} #main[data-ainote-landing] .customer-form__box{padding:var(--spacing-14) var(--container-gutter)} #main[data-ainote-landing] .customer-form__box-inner{max-width:440px;margin-inline-start:auto;margin-inline-end:auto;display:block} @media screen and (min-width:700px){#main[data-ainote-landing] .customer-form{margin-block-start:var(--spacing-10);margin-block-end:var(--spacing-10)} #main[data-ainote-landing] .customer-form__box{border-radius:var(--rounded);padding-inline-start:var(--spacing-16);padding-inline-end:var(--spacing-16)}} @media screen and (min-width:1000px){#main[data-ainote-landing] .customer-form{gap:var(--spacing-6);grid:auto / auto-flow minmax(0,680px);justify-content:center;display:grid} #main[data-ainote-landing] .customer-form__image{object-fit:cover;object-position:center;height:100%;display:block}} #main[data-ainote-landing] .account{gap:var(--spacing-6);max-width:1350px;margin-inline-start:auto;margin-inline-end:auto;display:grid} #main[data-ainote-landing] .account-nav__item{padding-block-start:var(--spacing-4-5);padding-block-end:var(--spacing-4-5)} #main[data-ainote-landing] .account-nav__item[aria-current=page]{border-color:currentColor;border-bottom-width:2px} #main[data-ainote-landing] .account-header,#main[data-ainote-landing] .account__block-list{gap:var(--spacing-6);display:grid;position:relative} @media screen and (min-width:700px){#main[data-ainote-landing] .account{gap:var(--spacing-12)} #main[data-ainote-landing] .account-nav__item--logout{position:absolute} #main[data-ainote-landing] .account-nav__item--logout:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0} #main[data-ainote-landing] .account-nav__item--logout:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0} #main[data-ainote-landing] .account-header--back{text-align:center;justify-content:center} #main[data-ainote-landing] .account-header--back>.back-button{position:absolute}} #main[data-ainote-landing] .order-table-list{display:none} #main[data-ainote-landing] .order-grid-list{gap:var(--spacing-5);display:grid} #main[data-ainote-landing] .order-grid-item{gap:var(--spacing-4);padding:var(--spacing-6);border-width:1px;padding-block-start:var(--spacing-5);display:grid} #main[data-ainote-landing] .order-grid-item__categories{gap:var(--spacing-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .order-grid-list{display:none} #main[data-ainote-landing] .order-table-list{max-width:1024px;margin-inline-start:auto;margin-inline-end:auto;display:table} #main[data-ainote-landing] .order-table-list th,#main[data-ainote-landing] .order-table-list td{padding-inline-start:var(--spacing-4);padding-inline-end:var(--spacing-4)}} #main[data-ainote-landing] .addresses-list{--addresses-per-row: 1;gap:var(--spacing-5);display:grid} #main[data-ainote-landing] .address{gap:var(--spacing-2);width:100%;padding:var(--spacing-6);border-width:1px;flex-direction:column;display:flex} #main[data-ainote-landing] .address__actions{gap:var(--spacing-6);margin-block-start:auto;padding-block-start:var(--spacing-2);display:flex} #main[data-ainote-landing] .address-form{gap:var(--spacing-3);display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .addresses-list{--addresses-per-row: 2;grid-template-columns:repeat(auto-fit,minmax(0,calc(100% / var(--addresses-per-row) - var(--spacing-6) / var(--addresses-per-row) * (var(--addresses-per-row) - 1))));gap:var(--spacing-6);justify-content:center;justify-items:center} #main[data-ainote-landing] .address{padding:var(--spacing-8) var(--spacing-10)} #main[data-ainote-landing] .address-form{gap:var(--spacing-6)}} @media screen and (min-width:1000px){#main[data-ainote-landing] .addresses-list{--addresses-per-row: 4}} #main[data-ainote-landing] .order{align-items:start;gap:var(--spacing-6);display:grid} #main[data-ainote-landing] .order-addresses-list{gap:var(--spacing-5);display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .order{gap:var(--spacing-12)} #main[data-ainote-landing] .order-addresses-list{gap:var(--spacing-6);grid-template-columns:repeat(2,minmax(0,1fr))}} @media screen and (min-width:1150px){#main[data-ainote-landing] .order{grid-template-columns:1fr 380px} #main[data-ainote-landing] .order-addresses-list{grid-template-columns:none}} @media screen and (min-width:1400px){#main[data-ainote-landing] .order{gap:var(--spacing-24)}} #main[data-ainote-landing] .announcement-bar{padding-block-start:var(--spacing-2-5);padding-block-end:var(--spacing-2-5)} #main[data-ainote-landing] .announcement-bar__wrapper{gap:var(--spacing-4);max-width:450px;margin-inline-start:auto;margin-inline-end:auto;display:flex} #main[data-ainote-landing] .announcement-bar__scrolling-list{grid:auto / auto-flow max-content;justify-content:center;display:grid;overflow:hidden} #main[data-ainote-landing] .announcement-bar__static-list{text-align:center;place-items:center;display:grid} #main[data-ainote-landing] .announcement-bar__static-list>*{grid-area:1 / -1} #main[data-ainote-landing] .announcement-bar__item{grid:auto / auto-flow auto var(--spacing-20);place-items:center;display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .announcement-bar{padding-block-start:var(--spacing-3-5);padding-block-end:var(--spacing-3-5)} #main[data-ainote-landing] .announcement-bar__item{grid-auto-columns:auto var(--spacing-40)}} @media(prefers-reduced-motion:no-preference){#main[data-ainote-landing] .announcement-bar__item{animation:ainote-landing-translateFull var(--marquee-animation-duration, 0s) linear infinite}} #main[data-ainote-landing] .article{--article-margin-block-end: var(--spacing-14)} #main[data-ainote-landing] .article>.container{justify-content:safe center;gap:var(--spacing-10);margin-block-end:var(--article-margin-block-end);display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .article{--article-margin-block-end: var(--spacing-28)} #main[data-ainote-landing] .article>.container{gap:var(--spacing-16)}} #main[data-ainote-landing] .article-banner{grid:var(--article-banner-grid);column-gap:var(--article-banner-column-gap);align-items:var(--article-banner-horizontal-alignement, center);max-width:var(--article-banner-max-width);box-sizing:content-box;justify-items:center;margin-inline-start:auto;margin-inline-end:auto;padding-block-start:var(--article-banner-padding-block-start, 0);display:grid;position:relative} #main[data-ainote-landing] .article-banner:before{content:"";width:calc((100vw - var(--scrollbar-width, 0px)));height:var(--article-banner-before-height);pointer-events:none;background-color:rgb(var(--article-banner-background));position:absolute;top:0} #main[data-ainote-landing] .article-banner__image{z-index:1;width:100%} #main[data-ainote-landing] .article-banner__image>img{width:100%} #main[data-ainote-landing] .article-banner__content{gap:var(--spacing-6);padding:var(--article-banner-content-padding-block-start) var(--article-banner-content-padding-inline) var(--article-banner-content-padding-block-end);justify-items:var(--article-banner-vertical-alignement, center);text-align:var(--article-banner-vertical-alignement, center);z-index:2;display:grid} #main[data-ainote-landing] .article-banner__content>.badge{--badge-background: var(--article-banner-badge-background);padding:var(--spacing-1) var(--spacing-3);display:inline-block} #main[data-ainote-landing] .article__meta{justify-content:var(--article-banner-meta-vertical-alignment, center);row-gap:var(--spacing-2);column-gap:var(--spacing-4);flex-wrap:wrap;display:flex} #main[data-ainote-landing] .article__meta .text-with-icon{gap:var(--spacing-2)} @media screen and (min-width:1150px){#main[data-ainote-landing] .article-banner{padding-inline-start:var(--container-gutter);padding-inline-end:var(--container-gutter)} #main[data-ainote-landing] .article-banner__content{grid-area:var(--article-banner-grid-area, content)} #main[data-ainote-landing] .article-banner__image{grid-area:var(--article-banner-grid-area, image);position:relative} #main[data-ainote-landing] .article-banner__image:before{content:"";background:rgb(var(--article-banner-image-overlay));border-radius:inherit;z-index:1;pointer-events:none;transition:background .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0} #main[data-ainote-landing] .article__meta{column-gap:var(--spacing-6)} #main[data-ainote-landing] .article__meta .text-with-icon{gap:var(--spacing-2-5)}} #main[data-ainote-landing] .article-content{width:100%;max-width:var(--article-max-width);grid-template-columns:minmax(0,1fr);margin-inline-start:auto;margin-inline-end:auto;padding-block-start:var(--spacing-10)} #main[data-ainote-landing] .article-content>.share-buttons .share-buttons__item{width:var(--spacing-10);height:var(--spacing-10);opacity:1} @media screen and (min-width:1000px){#main[data-ainote-landing] .article-content{border-bottom-width:1px;padding-block-start:var(--spacing-16);padding-block-end:var(--spacing-18)}} #main[data-ainote-landing] .article-navigation{gap:var(--spacing-6);max-width:var(--article-max-width);display:grid} #main[data-ainote-landing] .article-prev-next{gap:var(--spacing-5);grid:auto / auto-flow 75vw;display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .article-navigation{--navigation-margin-block: var(--spacing-16);gap:var(--spacing-10)} #main[data-ainote-landing] .article-navigation__title>svg{width:27px;height:24px} #main[data-ainote-landing] .article-prev-next{gap:var(--spacing-12);grid:auto / repeat(2,minmax(0,1fr))}} #main[data-ainote-landing] .article-comments{--comments-padding-inner: var(--spacing-6);gap:var(--spacing-12);max-width:var(--article-max-width);display:grid} #main[data-ainote-landing] .comments-list{gap:var(--spacing-4);padding:var(--comments-padding-inner);display:grid} #main[data-ainote-landing] .comment{gap:var(--spacing-3);display:grid} #main[data-ainote-landing] .comment:not(:first-child){padding-block-start:var(--spacing-4)} #main[data-ainote-landing] .article-comments__form{padding:var(--comments-padding-inner)} @media screen and (min-width:700px){#main[data-ainote-landing] .article-comments{--comments-padding-inner: var(--spacing-12)} #main[data-ainote-landing] .comments-list{gap:var(--spacing-8)} #main[data-ainote-landing] .comment{gap:var(--spacing-6);display:flex} #main[data-ainote-landing] .comment:not(:first-child){padding-block-start:var(--spacing-8)} #main[data-ainote-landing] .comment__gravatar{width:var(--spacing-12);height:var(--spacing-12)}} #main[data-ainote-landing] .before-after{--before-after-label-spacing: var(--spacing-5);-webkit-user-select:none;user-select:none;position:relative} #main[data-ainote-landing] .before-after__label{position:absolute} #main[data-ainote-landing] .before-after__label--left:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--before-after-label-spacing)} #main[data-ainote-landing] .before-after__label--left:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--before-after-label-spacing)} #main[data-ainote-landing] .before-after__label--right:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--before-after-label-spacing)} #main[data-ainote-landing] .before-after__label--right:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--before-after-label-spacing)} #main[data-ainote-landing] .before-after__label--top{top:var(--before-after-label-spacing)} #main[data-ainote-landing] .before-after__label--bottom{bottom:var(--before-after-label-spacing)} #main[data-ainote-landing] .before-after__after-image{clip-path:inset(0 0 0 calc(var(--before-after-initial-drag-position, 50%) + var(--clip-path-offset, 0px)));position:absolute;top:0;bottom:0;left:0;right:0} #main[data-ainote-landing] [dir=rtl] .before-after__after-image{clip-path:inset(0 calc(var(--before-after-initial-drag-position, 50%) - var(--clip-path-offset, 0px)) 0 0)} #main[data-ainote-landing] .before-after__cursor-wrapper{position:absolute;top:0;bottom:0;left:0;right:0} #main[data-ainote-landing] .before-after__cursor{touch-action:none;width:max-content;height:100%;transform:translate(calc(var(--transform-logical-flip) * -50% + var(--clip-path-offset, 0px)),-50%);cursor:grab;filter:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);will-change:transform;place-items:center;display:grid;position:relative} #main[data-ainote-landing] .before-after__cursor:before{content:"";height:100%;width:var(--spacing-0-5);background:rgb(var(--background));z-index:-1;position:absolute} #main[data-ainote-landing] .before-after__cursor{top:50%} #main[data-ainote-landing] .before-after__cursor:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--before-after-initial-drag-position, 0px)} #main[data-ainote-landing] .before-after__cursor:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--before-after-initial-drag-position, 0px)} #main[data-ainote-landing] .before-after__cursor:active{cursor:grabbing} @media screen and (min-width:700px){#main[data-ainote-landing] .before-after{--before-after-label-spacing: var(--spacing-8)} #main[data-ainote-landing] .before-after__cursor svg{width:var(--spacing-10);height:var(--spacing-10)}} #main[data-ainote-landing] .blog-posts__container{gap:var(--spacing-8);margin-block-start:var(--spacing-10);margin-block-end:var(--spacing-14);display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .blog-posts__container{gap:var(--spacing-10)}} @media screen and (min-width:1400px){#main[data-ainote-landing] .blog-posts__container{gap:var(--spacing-20);margin-block-start:var(--spacing-20);margin-block-end:var(--spacing-28)}} #main[data-ainote-landing] .blog-banner{--banner-container-gap: var(--spacing-16);padding-block-start:var(--banner-spacing-block-added, 0px)} #main[data-ainote-landing] .blog-banner-content{padding-block-start:var(--banner-content-padding-block-start);padding-block-end:var(--spacing-16)} #main[data-ainote-landing] .blog-banner__form{width:100%;max-width:500px;margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:var(--spacing-6);padding-inline-end:var(--spacing-6)} @media screen and (min-width:700px){#main[data-ainote-landing] .blog-banner{--banner-container-gap: var(--spacing-28)} #main[data-ainote-landing] .blog-banner-content{padding-block-end:var(--spacing-28)} #main[data-ainote-landing] .blog-banner__form{box-sizing:content-box} #main[data-ainote-landing] .blog-filter-list{--filter-list-item-padding: var(--spacing-4) var(--spacing-6)}} #main[data-ainote-landing] .blog-posts{--blog-articles-gap: var(--spacing-8);align-items:flex-start;gap:var(--blog-articles-gap);display:grid} #main[data-ainote-landing] .blog-posts-newsletter{padding:var(--spacing-8);align-content:flex-start} #main[data-ainote-landing] .blog-posts-newsletter>.form{gap:var(--spacing-2)} @media screen and (min-width:700px){#main[data-ainote-landing] .blog-posts{--article-per-row: var(--blog-posts-per-row, 2);--blog-articles-gap: var(--spacing-10);--blog-articles-margin-block: var(--spacing-14);grid:auto / repeat(var(--article-per-row),minmax(0,1fr))} #main[data-ainote-landing] .blog-posts-newsletter{padding:var(--spacing-10)} #main[data-ainote-landing] .blog-posts-newsletter>.form{gap:var(--spacing-4)} #main[data-ainote-landing] .blog-posts-newsletter__content>svg{width:var(--spacing-8);height:var(--spacing-8)}} @media screen and (min-width:1150px){#main[data-ainote-landing] .blog-posts{--article-per-row: var(--blog-posts-per-row, 3)}} @media screen and (min-width:1400px){#main[data-ainote-landing] .blog-posts{--blog-articles-gap: var(--spacing-20)}} #main[data-ainote-landing] .cart{gap:var(--section-stack-spacing-block);max-width:1350px;margin-inline-start:auto;margin-inline-end:auto;display:grid} #main[data-ainote-landing] .cart-header{gap:var(--spacing-6);text-align:center;justify-items:center;display:grid} #main[data-ainote-landing] .cart-header .free-shipping-bar{max-width:450px} #main[data-ainote-landing] .cart-order{align-items:start;gap:var(--spacing-6);display:grid} #main[data-ainote-landing] .cart-form{gap:var(--spacing-5);padding:var(--spacing-6);border-width:1px;display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .cart-order{gap:var(--spacing-12)} #main[data-ainote-landing] .cart-form{gap:var(--spacing-6);padding:var(--spacing-10) var(--spacing-12)}} @media screen and (min-width:1150px){#main[data-ainote-landing] .cart-order{grid-template-columns:1fr 380px} #main[data-ainote-landing] .cart-order__recap{top:calc(var(--sticky-area-height) + 20px);position:sticky}} @media screen and (min-width:1400px){#main[data-ainote-landing] .cart-order{gap:var(--spacing-24)}} #main[data-ainote-landing] .free-shipping-bar{gap:var(--spacing-2);width:100%;display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .free-shipping-bar{gap:var(--spacing-4)}} #main[data-ainote-landing] .shipping-estimator{gap:var(--spacing-6);display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .shipping-estimator__form{flex-wrap:wrap;margin-inline-end:var(--spacing-6);display:flex}} #main[data-ainote-landing] .cart-discount-field--error{--input-text-color: var(--error-text)} #main[data-ainote-landing] .cart-discount-field--error .input{box-shadow:inset 0 0 0 1px rgb(var(--input-text-color));border:1px solid rgb(var(--input-text-color))} #main[data-ainote-landing] .cart-discount-field__loader{display:none;position:absolute;top:calc(50% - 6px)} #main[data-ainote-landing] .cart-discount-field__loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:16px} #main[data-ainote-landing] .cart-discount-field__loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:16px} #main[data-ainote-landing] .cart-discount-field[aria-busy=true] .cart-discount-field__loader{animation:1s linear infinite ainote-landing-spin;display:block} @keyframes ainote-landing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}} #main[data-ainote-landing] .cart-drawer{--drawer-footer-padding: 16px 24px 24px 24px;--drawer-content-max-height: none;height:100%;top:0} #main[data-ainote-landing] .cart-drawer::part(outside-close-button){display:none} #main[data-ainote-landing] .cart-drawer>[is=close-button]{display:grid} #main[data-ainote-landing] .cart-drawer__top{gap:var(--spacing-2);padding-block-end:var(--spacing-6);display:grid} #main[data-ainote-landing] .cart-drawer__line-items>*+*{padding-block-start:var(--spacing-4)} #main[data-ainote-landing] .cart-drawer__note{visibility:hidden;width:100%;transition:visibility .2s ease-in-out;position:absolute;bottom:calc(100% + 1px);overflow:hidden} #main[data-ainote-landing] .cart-drawer__note:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0} #main[data-ainote-landing] .cart-drawer__note:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0} #main[data-ainote-landing] .cart-drawer__note-inner{padding:var(--spacing-5);background:rgb(var(--dialog-background));border-block-start-width:1px;transition:transform .2s ease-in-out;transform:translateY(100%)} #main[data-ainote-landing] .cart-drawer__note[open]{visibility:visible} #main[data-ainote-landing] .cart-drawer__note[open]>.cart-drawer__note-inner{transform:translateY(0)} #main[data-ainote-landing] .cart-drawer__recommendations{--horizontal-product-width: 390px} @media screen and (min-width:700px){#main[data-ainote-landing] .cart-drawer{--drawer-footer-padding: 24px 40px 40px 40px} #main[data-ainote-landing] .cart-drawer .free-shipping-bar{gap:var(--spacing-2-5)} #main[data-ainote-landing] .cart-drawer .horizontal-product-list-carousel{grid-template-columns:none} #main[data-ainote-landing] .cart-drawer__top{gap:var(--spacing-4);padding-block-end:var(--spacing-8)} #main[data-ainote-landing] .cart-drawer__line-items>*+*{padding-block-start:var(--spacing-6)} #main[data-ainote-landing] .cart-drawer__note-inner{padding:var(--spacing-8) var(--spacing-10) var(--spacing-10) var(--spacing-10)}} #main[data-ainote-landing] .collection{--collection-sidebar-width: 250px;gap:var(--spacing-8);grid-template-columns:minmax(0,1fr);margin-block-start:var(--spacing-8);margin-block-end:var(--section-outer-spacing-block);display:grid} #main[data-ainote-landing] .collection__top-bar,#main[data-ainote-landing] .collection__facets{display:none} #main[data-ainote-landing] .collection__results{scroll-padding-top:calc(var(--sticky-area-height) + 20px);transition:opacity .1s} #main[data-ainote-landing] .is-loading .collection__results{opacity:.4} @media screen and (min-width:700px){#main[data-ainote-landing] .collection{margin-block-start:var(--spacing-12)}} @media screen and (min-width:1000px){#main[data-ainote-landing] .collection{column-gap:var(--spacing-12)} #main[data-ainote-landing] .collection--filters-sidebar{grid-template-columns:var(--collection-sidebar-width) minmax(0,1fr)} #main[data-ainote-landing] .collection__top-bar{column-gap:var(--spacing-6);grid-column:1 / -1;grid-template-columns:auto minmax(0,1fr);display:grid} #main[data-ainote-landing] .collection--filters-sidebar .collection__top-bar{grid-template-columns:inherit;column-gap:inherit} #main[data-ainote-landing] .collection--filters-horizontal .collection__top-bar{row-gap:var(--spacing-8);grid-template-columns:100%} #main[data-ainote-landing] .collection__facets{display:block} #main[data-ainote-landing] .facets-summary{align-items:start;gap:var(--spacing-4);grid-column-end:-1;display:flex} #main[data-ainote-landing] .collection__facets-scroller{display:block;position:sticky;top:calc(var(--sticky-area-height) + 20px)} #main[data-ainote-landing] .collection__pagination{grid-column-end:-1} #main[data-ainote-landing] .availability-facet{align-items:center;gap:var(--spacing-4);display:flex} #main[data-ainote-landing] .collection--filters-horizontal .availability-facet,#main[data-ainote-landing] .collection--filters-horizontal .sort-by-facet{flex:1 0 0;min-width:max-content}} @media screen and (min-width:1400px){#main[data-ainote-landing] .collection{--collection-sidebar-width: 300px}} #main[data-ainote-landing] .sort-by-facet{justify-content:end;gap:var(--spacing-1);flex-shrink:0;margin-inline-start:auto;display:flex;position:relative} #main[data-ainote-landing] .facets__floating-filter{text-align:center;z-index:2;width:100%;position:fixed;bottom:var(--spacing-8)} #main[data-ainote-landing] .facets__floating-filter:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0} #main[data-ainote-landing] .facets__floating-filter:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0} #main[data-ainote-landing] .facets-drawer::part(header){padding-block:var(--spacing-6)} #main[data-ainote-landing] .facets-drawer::part(body){flex-grow:1;padding-block-start:0;padding-block-end:0} #main[data-ainote-landing] .facets-drawer .facets-vertical{flex-direction:column;min-height:100%;display:flex} #main[data-ainote-landing] .facets-drawer .accordion{border-block-start-width:0} #main[data-ainote-landing] .facets-drawer__floating-apply{background:linear-gradient(180deg,rgb(var(--background-primary) / 0),rgb(var(--background)));margin-block-start:auto;margin-inline-start:calc(-1 * var(--spacing-3));margin-inline-end:calc(-1 * var(--spacing-3));padding-block-start:var(--spacing-5);padding-block-end:var(--spacing-5);position:sticky;bottom:0} @media screen and (max-width:699px){#main[data-ainote-landing] .facets-drawer::part(header){display:none} #main[data-ainote-landing] .facets-drawer::part(content){height:65vh;max-height:none}} @media screen and (min-width:700px){#main[data-ainote-landing] .facets-drawer__floating-apply{margin-inline-start:calc(-1 * var(--spacing-4));margin-inline-end:calc(-1 * var(--spacing-4));padding-block-start:var(--spacing-6);padding-block-end:var(--spacing-6)}} #main[data-ainote-landing] .facets-horizontal{justify-content:center;align-items:center;gap:var(--spacing-5) var(--spacing-10);flex-wrap:wrap;display:flex;position:relative} #main[data-ainote-landing] .facets-horizontal>[aria-expanded]{transition:opacity .2s ease-in-out} @supports selector(:has(*)){#main[data-ainote-landing] .facets-horizontal>[aria-expanded=true]~[aria-expanded]{opacity:.5} #main[data-ainote-landing] .facets-horizontal>:has(~[aria-expanded=true]){opacity:.5}} #main[data-ainote-landing] .active-facets{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex} #main[data-ainote-landing] .active-facets>.facet-clear-all{margin-inline-start:var(--spacing-2)} @media screen and (min-width:1000px){#main[data-ainote-landing] .active-facets{margin-block-start:-12px;margin-block-end:-12px} #main[data-ainote-landing] .active-facets>.facet-clear-all{margin-inline-start:var(--spacing-4)} #main[data-ainote-landing] .collection--filters-horizontal .active-facets{margin-block-start:0;margin-block-end:0}} #main[data-ainote-landing] .removable-facet{gap:var(--spacing-3);padding:var(--spacing-2-5) var(--spacing-4);background:rgb(var(--text-color) / .1);color:rgb(var(--text-color));border-radius:var(--rounded-button);flex-shrink:0;align-items:baseline;display:flex} @media screen and (min-width:700px){#main[data-ainote-landing] .removable-facet{padding:var(--spacing-3) var(--spacing-5);gap:var(--spacing-4)}} #main[data-ainote-landing] .facet-dialog{width:max-content;max-width:min(1100px,80vw);padding:var(--spacing-4);border-radius:min(8px,var(--rounded-button));background:rgb(var(--background-primary));visibility:hidden;opacity:0;z-index:1;border-width:1px;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;position:absolute;top:calc(100% + var(--spacing-6))} #main[data-ainote-landing] .facet-dialog:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0} #main[data-ainote-landing] .facet-dialog:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0} #main[data-ainote-landing] .facet-dialog>.color-list{margin:var(--spacing-1) var(--spacing-2);max-width:550px} #main[data-ainote-landing] .availability-facet+.facets-horizontal>.facet-dialog:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:auto} #main[data-ainote-landing] .availability-facet+.facets-horizontal>.facet-dialog:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:auto} #main[data-ainote-landing] .facet-dialog[open]{visibility:visible;opacity:1} #main[data-ainote-landing] .facet-dialog-option{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--rounded-full);opacity:.7;transition:opacity .2s ease-in-out,background .2s ease-in-out;display:block} #main[data-ainote-landing] :checked+.facet-dialog-option,#main[data-ainote-landing] .facet-dialog-option:hover{background:rgb(var(--text-primary) / .04);opacity:1} #main[data-ainote-landing] .collection-header{text-align:center;margin-block-start:var(--spacing-8);margin-block-end:var(--spacing-8)} @media screen and (min-width:700px){#main[data-ainote-landing] .collection-header{margin-block-start:var(--spacing-16);margin-block-end:var(--spacing-16)}} #main[data-ainote-landing] .collection-featured-product{max-width:290px;display:grid} #main[data-ainote-landing] .collection-featured-product>*{background:rgb(var(--text-primary) / .2);-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px)} #main[data-ainote-landing] .collection-featured-product__title{padding:var(--spacing-1-5) var(--spacing-4);border-top-left-radius:var(--rounded-xs);border-top-right-radius:var(--rounded-xs);justify-self:end} #main[data-ainote-landing] .collection-featured-product__content{border-radius:var(--rounded-xs);border-top-right-radius:0} #main[data-ainote-landing] .collection-list{grid:var(--collection-list-grid, none);align-items:start;gap:var(--grid-gutter);display:grid} #main[data-ainote-landing] .collection-card{--transition-direction: 1;scroll-snap-align:center;scroll-snap-stop:always;overflow:hidden} #main[data-ainote-landing] .collection-card--reverse-transition{--transition-direction: -1} #main[data-ainote-landing] .collection-card__content-wrapper svg{opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,transform .2s;display:inline-block} #main[data-ainote-landing] .collection-card__content+svg{transform:translateY(calc(var(--transition-direction) * 48px))} #main[data-ainote-landing] .collection-card__content{transition:transform .2s} #main[data-ainote-landing] .collection-card__content:first-child{margin-block-end:-48px} @media screen and (min-width:1000px){#main[data-ainote-landing] .collection-card{scroll-snap-align:none}} @media screen and (pointer:fine){#main[data-ainote-landing] .collection-card:hover .collection-card__content{transform:translateY(calc(var(--transition-direction) * -8px))} #main[data-ainote-landing] .collection-card:hover .collection-card__content-wrapper svg{opacity:1;visibility:visible;transform:translateY(-8px)} #main[data-ainote-landing] .collection-card:hover .collection-card__content+svg{transform:translateY(56px)}} @supports selector(:has(.selector)){#main[data-ainote-landing] .shopify-section--collection-banner+.shopify-section--collection-list:not(:has(.section-header)){--section-outer-spacing-block: var(--grid-gutter)}} @supports not selector(:has(.selector)){#main[data-ainote-landing] .shopify-section--collection-banner+.shopify-section--collection-list{--section-outer-spacing-block: var(--grid-gutter)}} #main[data-ainote-landing] .contact-form{padding:var(--spacing-6)} @media screen and (min-width:700px){#main[data-ainote-landing] .contact-form{padding:var(--spacing-10) var(--spacing-12)}} #main[data-ainote-landing] .faq-availability{gap:var(--spacing-6);text-align:center;justify-items:center;display:grid} #main[data-ainote-landing] .faq-availability>*{justify-items:inherit} #main[data-ainote-landing] .section-stack__intro .faq-availability{text-align:start;justify-items:start} #main[data-ainote-landing] .feature-chart{padding:0 var(--container-gutter);scroll-padding-top:var(--sticky-area-height);display:block} #main[data-ainote-landing] .feature-chart__table-row{--feature-chart-heading-width: 140px;grid-template-columns:var(--feature-chart-heading-width) repeat(var(--feature-chart-values-columns-count),minmax(140px,1fr));gap:var(--spacing-1) var(--spacing-5);min-width:min-content;padding-block-start:var(--spacing-4);padding-block-end:var(--spacing-4);display:grid} #main[data-ainote-landing] .feature-chart__toggle{text-align:center;border-top-width:1px;justify-content:center;padding-block-start:var(--spacing-4);padding-block-end:var(--spacing-4);display:grid} #main[data-ainote-landing] .feature-chart.is-expanded .feature-chart__toggle .circle-chevron{transform:rotate(180deg)} #main[data-ainote-landing] .feature-chart__product{--feature-chart-product-image-width: 80px;gap:var(--spacing-5);place-content:start;display:grid;position:relative} #main[data-ainote-landing] .feature-chart__product :is(img,svg){width:var(--feature-chart-product-image-width)} #main[data-ainote-landing] .feature-chart__product .color-swatch{margin:0} #main[data-ainote-landing] .feature-chart__product .badge{position:absolute;top:0} #main[data-ainote-landing] .feature-chart__product .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0} #main[data-ainote-landing] .feature-chart__product .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0} #main[data-ainote-landing] .feature-chart__product-placeholder{height:auto} #main[data-ainote-landing] .feature-chart__table-row--sticky{visibility:hidden;opacity:0;z-index:1;background:rgb(var(--background));padding-block:var(--spacing-5);border-bottom-width:1px;transition:opacity .2s,visibility .2s,top .2s;position:fixed;top:calc(var(--header-is-visible, 1) * var(--sticky-area-height));border-top-width:0!important} #main[data-ainote-landing] .feature-chart__table-row--sticky.is-visible{opacity:1;visibility:visible} #main[data-ainote-landing] .feature-chart__table-row--sticky .feature-chart__product img{max-width:48px} #main[data-ainote-landing] .feature-chart__table-row--sticky .feature-chart__view-button-container{display:none} @media screen and (max-width:699px){#main[data-ainote-landing] .feature-chart,#main[data-ainote-landing] .feature-chart__table{margin-inline-start:calc(-1 * var(--container-gutter));margin-inline-end:calc(-1 * var(--container-gutter));padding-inline-start:var(--container-gutter);padding-inline-end:var(--container-gutter);display:grid} #main[data-ainote-landing] .feature-chart__table-row{grid-template-columns:repeat(var(--feature-chart-values-columns-count),minmax(140px,1fr))} #main[data-ainote-landing] .feature-chart__table--multi-columns .feature-chart__table-row{grid-template-columns:repeat(var(--feature-chart-values-columns-count),150px)} #main[data-ainote-landing] .feature-chart__heading{position:sticky} #main[data-ainote-landing] .feature-chart__heading:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0} #main[data-ainote-landing] .feature-chart__heading:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0} #main[data-ainote-landing] .feature-chart__value{grid-row:2}} @media screen and (min-width:700px){#main[data-ainote-landing] .feature-chart{border-radius:var(--rounded)} #main[data-ainote-landing] .feature-chart__table-row--product>:first-child{grid-column-start:2}} @media screen and (min-width:1000px){#main[data-ainote-landing] .feature-chart{padding:var(--spacing-4) var(--spacing-12)} #main[data-ainote-landing] .feature-chart__table-row{--feature-chart-heading-width: 180px;column-gap:var(--spacing-6);padding-block-start:var(--spacing-6);padding-block-end:var(--spacing-6)} #main[data-ainote-landing] .feature-chart__table-row--product{padding-block-end:var(--spacing-10)} #main[data-ainote-landing] .feature-chart__table-row--sticky{padding-block:var(--spacing-6)} #main[data-ainote-landing] .feature-chart__toggle{padding-block-start:var(--spacing-5);padding-block-end:var(--spacing-6)} #main[data-ainote-landing] .feature-chart__product{--feature-chart-product-image-width: 150px;max-width:260px} #main[data-ainote-landing] .feature-chart__table-row--sticky .feature-chart__product{grid-auto-flow:column;justify-content:start} #main[data-ainote-landing] .feature-chart__table-row--sticky .feature-chart__product img{max-width:80px}} #main[data-ainote-landing] .footer{--background: var(--footer-background);--text-color: var(--footer-text);--footer-padding-block: var(--spacing-12);--footer-part-gap: var(--spacing-10);--footer-block-list-gap: var(--spacing-10);--footer-block-gap: var(--spacing-4);--footer-aside-gap: var(--spacing-10);background:rgb(var(--background));color:rgb(var(--text-color));padding-block-start:var(--footer-padding-block);padding-block-end:var(--footer-padding-block)} #main[data-ainote-landing] .footer__wrapper{gap:var(--footer-part-gap);display:grid} #main[data-ainote-landing] .footer__block-list{gap:var(--footer-block-list-gap);align-items:start;justify-content:var(--footer-block-list-justify-content, start);grid:auto-flow dense / repeat(2,minmax(0,1fr));display:grid} #main[data-ainote-landing] .footer__block{gap:var(--footer-block-gap);display:grid} #main[data-ainote-landing] .footer__block--text,#main[data-ainote-landing] .footer__block--newsletter,#main[data-ainote-landing] .footer__block--app{grid-column:span 2} #main[data-ainote-landing] .footer__block--newsletter{gap:var(--spacing-8);display:grid} #main[data-ainote-landing] .footer__block--menu{max-width:250px} #main[data-ainote-landing] .footer__aside{gap:var(--footer-aside-gap);display:grid} #main[data-ainote-landing] .footer__aside-top,#main[data-ainote-landing] .footer__aside-bottom{justify-content:space-between;align-items:center;gap:var(--spacing-8);display:grid} #main[data-ainote-landing] .footer__policy-links{flex-wrap:wrap;align-items:center;display:flex} #main[data-ainote-landing] .footer__policy-links li+li:before{content:"\2022";margin-inline-start:8px;margin-inline-end:8px;font-size:12px} @media screen and (min-width:700px){#main[data-ainote-landing] .footer{--footer-padding-block: var(--spacing-16);--footer-part-gap: var(--spacing-16);--footer-block-list-gap: var(--spacing-10) var(--spacing-24);--footer-block-gap: var(--spacing-6);--footer-aside-gap: var(--spacing-12)} #main[data-ainote-landing] .footer__block-list{flex-wrap:wrap;display:flex} #main[data-ainote-landing] .footer__block--text{flex-basis:25%} #main[data-ainote-landing] .footer__block--newsletter,#main[data-ainote-landing] .footer__block--app{flex-basis:100%} #main[data-ainote-landing] .footer__block--menu{flex-shrink:0} #main[data-ainote-landing] .footer__aside-top,#main[data-ainote-landing] .footer__aside-bottom{display:flex} #main[data-ainote-landing] .footer__copyright{order:-1}} @media screen and (min-width:1000px){#main[data-ainote-landing] .footer{--footer-block-list-gap: var(--spacing-10) var(--spacing-12)} #main[data-ainote-landing] .footer__block-list{flex-wrap:nowrap} #main[data-ainote-landing] .footer__block--newsletter,#main[data-ainote-landing] .footer__block--app{flex-basis:33.3333%} #main[data-ainote-landing] :is(.footer__block--newsletter,.footer__block--app):only-child{flex-basis:50%} #main[data-ainote-landing] .footer__newsletter-form{max-width:400px}} @media screen and (min-width:1150px){#main[data-ainote-landing] .footer{--footer-block-list-gap: var(--spacing-10) var(--spacing-24)} #main[data-ainote-landing] .footer__block--menu:last-child{margin-inline-end:var(--spacing-10)}} #main[data-ainote-landing] .shopify-section--privacy-banner{z-index:2;position:relative} #main[data-ainote-landing] .privacy-bar{margin:var(--spacing-2);z-index:1;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;position:fixed;bottom:0;display:block!important} #main[data-ainote-landing] .privacy-bar:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0} #main[data-ainote-landing] .privacy-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0} #main[data-ainote-landing] .privacy-bar[hidden]{visibility:hidden;opacity:0} #main[data-ainote-landing] .privacy-bar__inner{width:100%;padding:var(--spacing-6);background:rgb(var(--background-primary));color:rgb(var(--text-primary));border-radius:var(--rounded-sm);border-width:1px} #main[data-ainote-landing] .privacy-bar__close{position:absolute;top:var(--spacing-6)} #main[data-ainote-landing] .privacy-bar__close:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-6)} #main[data-ainote-landing] .privacy-bar__close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-6)} @media screen and (min-width:700px){#main[data-ainote-landing] .privacy-bar{margin:var(--spacing-4)} #main[data-ainote-landing] .privacy-bar__inner{max-width:445px}} #main[data-ainote-landing] .gift-card{gap:var(--spacing-8);padding-block-start:var(--spacing-4);padding-block-end:var(--spacing-14);display:grid} #main[data-ainote-landing] .gift-card__image-wrapper{justify-items:center;gap:var(--spacing-6);display:grid} #main[data-ainote-landing] .gift-card__image{max-width:160px} #main[data-ainote-landing] .gift-card__info{gap:var(--spacing-5);display:grid} #main[data-ainote-landing] .gift-card__issued-info{place-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-6);text-align:center;display:grid} #main[data-ainote-landing] .gift-card__balance{line-height:1;font-size:var(--gift-card-balance-font-size)} #main[data-ainote-landing] .gift-card__redeem-info:last-child{border-width:1px} #main[data-ainote-landing] .gift-card__redeem-box{padding:var(--spacing-6);align-items:center;gap:var(--spacing-4);display:grid} #main[data-ainote-landing] .gift-card__redeem-box:last-child:not(:only-child){border-top-width:1px} #main[data-ainote-landing] .gift-card__redeem-code{padding:var(--spacing-3-5);text-align:center;border-radius:var(--rounded-xs);border-width:1px;font-weight:700} #main[data-ainote-landing] .gift-card__qr-code{aspect-ratio:1;width:120px;display:block} #main[data-ainote-landing] .gift-card__qr-code>canvas{display:none} #main[data-ainote-landing] .gift-card__scan{justify-content:center;align-items:center;gap:var(--spacing-8);display:flex} @media screen and (min-width:700px){#main[data-ainote-landing] .gift-card{gap:var(--spacing-12);padding-block-start:var(--spacing-12);padding-block-end:var(--spacing-32)} #main[data-ainote-landing] .gift-card__image-wrapper{gap:var(--spacing-12)} #main[data-ainote-landing] .gift-card__image{max-width:270px} #main[data-ainote-landing] .gift-card__info{gap:var(--spacing-12)} #main[data-ainote-landing] .gift-card__issued-info{padding:var(--spacing-12)} #main[data-ainote-landing] .gift-card__redeem-info{display:flex} #main[data-ainote-landing] .gift-card__redeem-box{padding:var(--spacing-12);gap:var(--spacing-6);max-width:380px} #main[data-ainote-landing] .gift-card__scan{justify-items:center;display:grid}} @media screen and (min-width:1000px){#main[data-ainote-landing] .gift-card__info{justify-content:center;display:flex} #main[data-ainote-landing] .gift-card__redeem-box:last-child:not(:only-child){border-top-width:0;border-inline-start-width:1px}} @media screen and (min-width:1150px){#main[data-ainote-landing] .gift-card__issued-info{flex-basis:var(--spacing-80)}} #main[data-ainote-landing] .header{--background: var(--header-background);--text-color: var(--header-text);--header-part-gap: var(--spacing-3);--header-icon-list-spacing: var(--spacing-4);--header-link-list-spacing: var(--spacing-6);--header-logo-opacity: 1;will-change:transform;margin-inline-start:auto;margin-inline-end:auto;transition:background .25s;display:block} #main[data-ainote-landing] .header__wrapper{grid-template:var(--header-grid-template);align-items:center;gap:var(--header-part-gap);padding:var(--header-padding-block) max(var(--container-gutter),50% - var(--container-max-width) / 2);color:rgb(var(--text-color));background:rgb(var(--background) / var(--header-background-opacity));-webkit-backdrop-filter:blur(var(--header-background-blur-radius));backdrop-filter:blur(var(--header-background-blur-radius));border-radius:inherit;reading-flow:grid-rows;transition:inherit;display:grid} #main[data-ainote-landing] .header__logo{grid-area:logo;max-width:max-content;display:block;position:relative} #main[data-ainote-landing] .header__logo-image{width:var(--header-logo-width);height:auto;opacity:var(--header-logo-opacity, 1)} #main[data-ainote-landing] .header__logo-image--transparent{opacity:calc(1 - var(--header-logo-opacity));position:absolute;top:0} #main[data-ainote-landing] .header__logo-image--transparent:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0} #main[data-ainote-landing] .header__logo-image--transparent:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0} #main[data-ainote-landing] .header__logo-image:not(.header__logo-image--transparent):last-child{--header-logo-opacity: 1} #main[data-ainote-landing] .header__logo-text{max-width:min(50vw,350px);display:block} #main[data-ainote-landing] .header__main-nav{grid-area:main-nav} #main[data-ainote-landing] .header__secondary-nav{justify-content:flex-end;justify-self:end;align-items:center;gap:var(--spacing-3) var(--header-part-gap);flex-wrap:wrap;grid-area:secondary-nav;display:flex} #main[data-ainote-landing] .header__link-list{display:none} #main[data-ainote-landing] .header__link-list .icon-chevron-bottom{position:relative;top:1px} #main[data-ainote-landing] .header__icon-list{align-items:center;gap:var(--header-icon-list-spacing);display:flex} #main[data-ainote-landing] .header__cart-count{top:-5px;position:absolute} #main[data-ainote-landing] .header__cart-count:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:14px} #main[data-ainote-landing] .header__cart-count:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:14px} @media screen and (min-width:700px){#main[data-ainote-landing] .header{--header-part-gap: var(--spacing-6);--header-icon-list-spacing: var(--spacing-6)}} @media screen and (min-width:1150px){#main[data-ainote-landing] .header__link-list{gap:var(--spacing-4) var(--header-link-list-spacing);display:flex}} @media screen and (min-width:1400px){#main[data-ainote-landing] .header{--header-part-gap: var(--spacing-10);--header-link-list-spacing: var(--spacing-10)}} #main[data-ainote-landing] .header[allow-transparency]{transition:color .25s,background .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s} #main[data-ainote-landing] .header[allow-transparency]:not(.is-filled){--header-background-opacity: 0;--header-logo-opacity: 0;--header-background-blur-radius: 0px;--text-color: var(--header-transparent-text-color)} #main[data-ainote-landing] .header[allow-transparency] .header__logo-image{transition:opacity .25s} @supports selector(:has(> *)){#main[data-ainote-landing] :has(.shopify-section:first-child [allow-transparent-header]) .header:not(.is-filled){--header-background-opacity: 0;--header-logo-opacity: 0;--text-color: var(--header-transparent-text-color)} #main[data-ainote-landing] :has(.shopify-section:first-child [allow-transparent-header]) .shopify-section--header:not(:has(.header.is-filled)){position:relative!important;top:0!important} #main[data-ainote-landing] .header:has([open]){--header-background-opacity: 1}} #main[data-ainote-landing] .dropdown-menu{gap:var(--spacing-3);width:max-content;max-width:350px;padding:var(--spacing-5) var(--spacing-7);background:rgb(var(--header-background));color:rgb(var(--header-text));border-radius:var(--rounded-sm);opacity:0;box-shadow:var(--shadow),0 0 0 1px rgb(var(--text-color) / .12);z-index:1;display:grid;position:absolute;top:calc(100% + var(--spacing-4-5))} #main[data-ainote-landing] .dropdown-menu:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(-1 * var(--spacing-4))} #main[data-ainote-landing] .dropdown-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(-1 * var(--spacing-4))} #main[data-ainote-landing] .dropdown-menu:before{content:"";width:100%;height:var(--spacing-4-5);position:absolute;bottom:100%} #main[data-ainote-landing] .dropdown-menu--restrictable{max-height:80vh;overflow-y:auto} #main[data-ainote-landing] .dropdown-menu .dropdown-menu{top:calc(-1 * var(--spacing-5))} #main[data-ainote-landing] .dropdown-menu .dropdown-menu:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(100% + var(--spacing-7))} #main[data-ainote-landing] .dropdown-menu .dropdown-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(100% + var(--spacing-7))} #main[data-ainote-landing] .dropdown-menu__item{justify-content:space-between;align-items:center;gap:var(--spacing-6);opacity:.7;transition:opacity .2s ease-in-out;display:flex} #main[data-ainote-landing] [open]>.dropdown-menu__item,#main[data-ainote-landing] .dropdown-menu__item:hover{opacity:1} #main[data-ainote-landing] .mega-menu__promo-carousel{max-width:300px;position:relative} #main[data-ainote-landing] .mega-menu__carousel{grid:auto / auto-flow 45vw;display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .mega-menu__carousel{--content-over-media-column-gap: var(--spacing-8);--content-over-media-row-gap: var(--spacing-6);--content-over-media-content-max-width: 70%;grid:none} #main[data-ainote-landing] .mega-menu__carousel>*{grid-area:1 / -1} #main[data-ainote-landing] .mega-menu__carousel-controls button{transition:transform .2s} #main[data-ainote-landing] .mega-menu__carousel-controls button:hover{transform:scale(1.1)}} @media screen and (min-width:1400px){#main[data-ainote-landing] .mega-menu__promo-carousel{max-width:360px}} #main[data-ainote-landing] .mega-menu{--mega-menu-block-padding: var(--spacing-10);--mega-menu-gap: var(--spacing-12);--mega-menu-nav-column-gap: var(--spacing-8);gap:var(--mega-menu-gap);justify-content:var(--mega-menu-justify-content);width:100%;padding:var(--mega-menu-block-padding) max(var(--container-gutter),50% - var(--container-max-width) / 2);max-height:calc(100vh - var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) - var(--header-height, 0px) - 20px);overscroll-behavior-y:contain;opacity:0;background:rgb(var(--header-background));color:rgb(var(--header-text));mix-blend-mode:plus-lighter;border-block-start-width:1px;align-items:flex-start;display:flex;position:absolute;top:100%;overflow:hidden auto;box-shadow:0 9999px 0 9999px #0006} #main[data-ainote-landing] .mega-menu:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0} #main[data-ainote-landing] .mega-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0} #main[data-ainote-landing] .mega-menu__nav{max-width:var(--column-list-max-width, max-content);gap:var(--mega-menu-nav-gap);flex-wrap:wrap;flex:auto;align-items:start;display:flex} #main[data-ainote-landing] .mega-menu__nav>li{width:var(--mega-menu-nav-column-max-width)} @media screen and (min-width:1400px){#main[data-ainote-landing] .mega-menu{--mega-menu-gap: var(--spacing-16);--mega-menu-nav-column-gap: var(--spacing-12)}} @media screen and (min-width:1600px){#main[data-ainote-landing] .mega-menu{--mega-menu-gap: var(--spacing-20);--mega-menu-nav-column-gap: var(--spacing-16)}} #main[data-ainote-landing] .navigation-drawer{--panel-link-image-size: var(--spacing-12);--drawer-body-padding: var(--spacing-6);--navigation-drawer-width: 100vw;width:var(--navigation-drawer-width)} #main[data-ainote-landing] .navigation-drawer::part(body){gap:var(--spacing-6);grid-template-rows:minmax(0,1fr);padding:0;display:grid;overflow-y:hidden} #main[data-ainote-landing] .navigation-drawer::part(content){grid-template-rows:minmax(0,1fr);min-height:70vh;display:grid} #main[data-ainote-landing] .navigation-drawer .panel__scroller{align-content:flex-start;height:100%;overflow-y:auto} #main[data-ainote-landing] .navigation-drawer>[is=close-button]{margin-inline-start:var(--drawer-body-padding)} #main[data-ainote-landing] .navigation-drawer[mobile-opening=bottom] .panel__scroller{margin-block-start:calc(var(--drawer-body-padding) * -1);padding-block-start:var(--drawer-body-padding)} #main[data-ainote-landing] .navigation-drawer[mobile-opening=left]{height:100%} #main[data-ainote-landing] .navigation-drawer[mobile-opening=left]::part(body){grid-template-rows:auto minmax(0,1fr);padding-block-start:var(--drawer-body-padding)} #main[data-ainote-landing] .navigation-drawer[mobile-opening=left]>[is=close-button]{display:grid} #main[data-ainote-landing] .navigation-drawer[mobile-opening=left] .panel__wrapper{padding-block-start:0} #main[data-ainote-landing] .navigation-drawer [is=close-button]{width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--rounded-full);border-width:1px;place-items:center;position:static} #main[data-ainote-landing] .panel-list__wrapper{height:100%;position:relative;overflow:hidden} #main[data-ainote-landing] .panel{gap:var(--spacing-8);width:100%;height:100%;overflow:hidden} #main[data-ainote-landing] .panel+.panel{opacity:0;visibility:hidden;position:absolute;top:0} #main[data-ainote-landing] .panel__wrapper{justify-content:var(--panel-wrapper-justify-content, space-between);gap:var(--spacing-6);padding:var(--drawer-body-padding);flex-direction:column;height:100%;display:flex;overflow-y:auto} #main[data-ainote-landing] .panel-footer{background-color:rgb(var(--background))} #main[data-ainote-landing] .panel-footer__localization-wrapper{padding-block-start:var(--spacing-4)} #main[data-ainote-landing] .panel-footer__account-link:not(:only-child){margin-inline-start:auto} #main[data-ainote-landing] .panel-link__image{min-width:var(--panel-link-image-size);width:var(--panel-link-image-size);height:var(--panel-link-image-size);object-fit:contain} @media screen and (min-width:700px){#main[data-ainote-landing] .navigation-drawer{--panel-link-image-size: 52px;--drawer-body-padding: var(--spacing-8);--navigation-drawer-width: 412px} #main[data-ainote-landing] .navigation-drawer::part(body){gap:var(--spacing-8);grid-template-rows:auto minmax(0,1fr);padding-block-start:var(--drawer-body-padding)} #main[data-ainote-landing] .navigation-drawer [is=close-button]{width:var(--spacing-12);min-height:var(--spacing-12);height:var(--spacing-12)} #main[data-ainote-landing] .navigation-drawer[mobile-opening=bottom] .panel__scroller{margin-block-start:0;padding-block-start:0} #main[data-ainote-landing] .panel__wrapper{padding-block-start:0}} @media screen and (min-width:1150px){#main[data-ainote-landing] .navigation-drawer[mega-menu]{--panel-link-image-size: 60px;--drawer-body-padding: var(--spacing-10);--navigation-drawer-width: 472px} #main[data-ainote-landing] .navigation-drawer[mega-menu]::part(body){grid-template-rows:auto;padding:0} #main[data-ainote-landing] .navigation-drawer[mega-menu]::part(content):before{content:"";background-color:rgb(var(--text-color) / .12);width:1px;height:100%;position:absolute;top:0;left:440px} #main[data-ainote-landing] .navigation-drawer[mega-menu] [is=close-button]{display:grid} #main[data-ainote-landing] .navigation-drawer[mega-menu]>.panel-list__wrapper{grid-template-columns:repeat(2,minmax(440px,1fr));display:grid} #main[data-ainote-landing] .navigation-drawer[mega-menu]>.panel-list__wrapper>.panel{position:static} #main[data-ainote-landing] .navigation-drawer[mega-menu] .panel+.panel>.panel__wrapper{padding-block-start:104px} #main[data-ainote-landing] .navigation-drawer[mega-menu] .panel__wrapper{padding:var(--drawer-body-padding)} #main[data-ainote-landing] .navigation-drawer[mega-menu] .panel__scroller{overflow-y:initial} #main[data-ainote-landing] .navigation-drawer [is=close-button]{transition:transform .2s ease-in-out} #main[data-ainote-landing] .navigation-drawer [is=close-button]:hover{transform:rotate(90deg)} #main[data-ainote-landing] [dir=rtl] .navigation-drawer[mega-menu]::part(content):before{left:auto;right:440px}} #main[data-ainote-landing] .mega-menu .navigation-promo__wrapper{flex:1;max-width:max-content} #main[data-ainote-landing] .navigation-promo{grid:var(--navigation-promo-grid);align-content:start;align-items:start;gap:var(--navigation-promo-gap);display:grid} #main[data-ainote-landing] .navigation-promo.navigation-promo--carousel .content-over-media p{max-width:75%} #main[data-ainote-landing] .navigation-promo .product-card{padding:var(--spacing-8);flex-direction:column;justify-content:center;height:100%;display:flex} #main[data-ainote-landing] .navigation-promo .product-card__figure{max-width:160px;margin-block-end:var(--spacing-4);margin-inline-start:auto;margin-inline-end:auto} #main[data-ainote-landing] .navigation-promo .product-card__quick-buy{display:none} #main[data-ainote-landing] .navigation-promo .product-card__info{padding:0} #main[data-ainote-landing] .navigation-promo .product-card__image{border-radius:0} #main[data-ainote-landing] .navigation-promo__carousel-controls{gap:var(--spacing-2);color:rgb(var(--text-color));z-index:1;transition:color .2s ease-in-out;display:flex;position:absolute} #main[data-ainote-landing] .navigation-promo__carousel-controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--content-over-media-column-gap)} #main[data-ainote-landing] .navigation-promo__carousel-controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--content-over-media-column-gap)} @media screen and (min-width:1150px){#main[data-ainote-landing] .navigation-promo__carousel-controls>button svg{transition:scale .2s ease-in-out} #main[data-ainote-landing] .navigation-promo__carousel-controls>button:hover svg{scale:1.1}} #main[data-ainote-landing] .shopify-section--hot-spots{z-index:1} #main[data-ainote-landing] .hot-spot{--hot-spot-dot-size: var(--spacing-8);--hot-spot-dot-shadow-size: var(--spacing-2-5);top:var(--hot-spot-vertical-position);left:var(--hot-spot-horizontal-position);grid-area:unset!important;z-index:unset!important;position:absolute!important} #main[data-ainote-landing] .hot-spot__dot{width:var(--hot-spot-dot-size);height:var(--hot-spot-dot-size);border-radius:var(--rounded-full);background:rgb(var(--hot-spot-background));color:rgb(var(--hot-spot-text-color));place-items:center;transition:transform .2s ease-in-out;display:grid;position:relative} #main[data-ainote-landing] .hot-spot__dot:after{content:"";box-sizing:content-box;top:calc(-1 * var(--hot-spot-dot-shadow-size));left:calc(-1 * var(--hot-spot-dot-shadow-size));width:100%;height:100%;padding:var(--hot-spot-dot-shadow-size);background:radial-gradient(50% 50% at 50% 50%,rgb(var(--hot-spot-background) / 0),rgb(var(--hot-spot-background) / .3));border-radius:inherit;animation:2s ease-in-out infinite alternate ainote-landing-ping;position:absolute} #main[data-ainote-landing] .hot-spot__dot[aria-expanded=true]{transform:rotate(45deg)} #main[data-ainote-landing] .hot-spot-popover{--popover-body-padding: var(--spacing-6)} #main[data-ainote-landing] .hot-spot-popover::part(title){display:none} #main[data-ainote-landing] .hot-spot-popover::part(body){text-align:start} @media screen and (min-width:700px){#main[data-ainote-landing] .hot-spot{--hot-spot-dot-size: var(--spacing-12);--hot-spot-dot-shadow-size: var(--spacing-4)} #main[data-ainote-landing] .hot-spot__dot svg{width:12px;height:12px} #main[data-ainote-landing] .hot-spot-popover{--popover-body-padding: var(--spacing-8)}} @media screen and (min-width:1000px){#main[data-ainote-landing] .hot-spot-popover{--popover-anchor-inline-spacing: calc(100% + var(--spacing-4-5))} #main[data-ainote-landing] .hot-spot-popover::part(content){background:rgb(var(--hot-spot-content-background) / var(--hot-spot-content-opacity));color:rgb(var(--hot-spot-content-text-color));-webkit-backdrop-filter:blur(var(--hot-spot-content-blur-radius));backdrop-filter:blur(var(--hot-spot-content-blur-radius))}} #main[data-ainote-landing] .image-link-blocks{grid:var(--image-link-blocks-grid);gap:var(--spacing-2);align-items:start;display:grid} #main[data-ainote-landing] .image-link-blocks__item .content-over-media .circle-chevron{background:rgb(var(--text-color));color:rgb(var(--background));opacity:0;transition:opacity .2s ease-in-out} #main[data-ainote-landing] .image-link-blocks__item .icon-circle-button-right-clipped{opacity:0;transition:opacity .2s ease-in-out} #main[data-ainote-landing] .image-link-blocks__inner{gap:var(--spacing-3);padding:var(--spacing-5);grid-template-columns:minmax(0,1fr);display:grid} #main[data-ainote-landing] .image-link-blocks__inner .circle-chevron{opacity:0;transition:opacity .2s ease-in-out} #main[data-ainote-landing] .image-link-blocks__title{gap:var(--spacing-2-5);justify-content:center;align-items:center;margin-block-end:calc(-1 * var(--spacing-1));display:flex} #main[data-ainote-landing] .image-link-blocks__title--animate{transform:translate(calc(var(--transform-logical-flip) * 16px));transition:transform .2s} @media screen and (min-width:700px){#main[data-ainote-landing] .image-link-blocks{gap:var(--grid-gutter)} #main[data-ainote-landing] .image-link-blocks__inner{gap:var(--spacing-5);padding:var(--spacing-10)} #main[data-ainote-landing] .image-link-blocks__title{margin-block-end:calc(-1 * var(--spacing-4))}} @media screen and (min-width:1000px){#main[data-ainote-landing] .image-link-blocks__item{scroll-snap-align:start;scroll-snap-stop:always}} @media screen and (pointer:fine){#main[data-ainote-landing] .image-link-blocks__item:hover .content-over-media .circle-chevron{background:rgb(var(--text-color));color:rgb(var(--background));opacity:1} #main[data-ainote-landing] .image-link-blocks__item:hover .image-link-blocks__inner .circle-chevron,#main[data-ainote-landing] .image-link-blocks__item:hover .icon-circle-button-right-clipped{opacity:1} #main[data-ainote-landing] .image-link-blocks__item:hover .image-link-blocks__title--animate{transform:translate(0)}} #main[data-ainote-landing] .shopify-section--collection-banner+.shopify-section--image-link-blocks{--section-outer-spacing-block: var(--grid-gutter)} #main[data-ainote-landing] .images-scrolling__content{gap:var(--spacing-4);display:grid} #main[data-ainote-landing] .images-scrolling__counter{align-items:center;gap:var(--spacing-4);display:flex} #main[data-ainote-landing] .images-scrolling__counter:before{content:"";background:currentColor;width:24px;height:2px} #main[data-ainote-landing] .images-scrolling__icon{max-width:calc(var(--images-scrolling-item-icon-width) / 1.5)} @media screen and (min-width:700px){#main[data-ainote-landing] .images-scrolling__content{gap:var(--spacing-8);padding-block:var(--spacing-8);order:-1;align-content:start} #main[data-ainote-landing] .images-scrolling__counter{gap:var(--spacing-6)} #main[data-ainote-landing] .images-scrolling__counter:before{width:40px} #main[data-ainote-landing] .images-scrolling__icon{max-width:calc(var(--images-scrolling-item-icon-width))}} #main[data-ainote-landing] .images-scrolling-mobile{grid:var(--images-scrolling-grid);gap:var(--spacing-12) var(--container-gutter);display:grid} #main[data-ainote-landing] .images-scrolling-mobile__item{align-content:start;gap:var(--spacing-4);display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .images-scrolling-mobile{display:none}} #main[data-ainote-landing] .images-scrolling-desktop{grid-template-columns:var(--images-scrolling-grid-template-columns);grid-template-rows:repeat(var(--images-scrolling-block-count),minmax(0,1fr));column-gap:var(--spacing-8);display:grid} #main[data-ainote-landing] .images-scrolling-desktop__media-wrapper{top:calc(var(--sticky-area-height) + 20px);grid-column:media;position:sticky} #main[data-ainote-landing] .images-scrolling-desktop__media-wrapper>*{object-fit:cover;object-position:center;will-change:transform} #main[data-ainote-landing] .images-scrolling-desktop__media-wrapper>:first-child{max-height:calc(100vh - var(--sticky-area-height) - 40px)} @supports (max-height: 100svh){#main[data-ainote-landing] .images-scrolling-desktop__media-wrapper>:first-child{max-height:calc(100svh - var(--sticky-area-height) - 40px)}} #main[data-ainote-landing] .images-scrolling-desktop__media-wrapper>:not(:first-child){opacity:0;width:100%;height:100%;position:absolute;top:0;left:0} #main[data-ainote-landing] .images-scrolling-desktop__content-list{grid-area:1 / content / -1;grid-auto-columns:minmax(0,1fr);align-items:center;display:grid} @media screen and (min-width:1000px){#main[data-ainote-landing] .images-scrolling-desktop{column-gap:var(--spacing-16)}} @media screen and (min-width:1150px){#main[data-ainote-landing] .images-scrolling-desktop{column-gap:var(--spacing-28)}} @media screen and (max-width:699px){#main[data-ainote-landing] .images-scrolling-desktop{display:none}} #main[data-ainote-landing] .impact-text{--impact-text-spacing: var(--spacing-10);gap:var(--impact-text-spacing);align-items:start;display:grid} #main[data-ainote-landing] .impact-text--scroll{grid:auto / auto-flow var(--impact-text-auto-columns)} #main[data-ainote-landing] .impact-text--center{text-align:center;justify-content:safe center} #main[data-ainote-landing] .impact-text--end{text-align:end;justify-content:end} #main[data-ainote-landing] .impact-text__text{font-size:var(--impact-text-font-size);letter-spacing:0;line-height:1} #main[data-ainote-landing] .impact-text__text:not(:only-child){margin-bottom:.2em} #main[data-ainote-landing] .impact-text__content{max-width:750px} #main[data-ainote-landing] .impact-text--center .impact-text__content{margin-inline-start:auto;margin-inline-end:auto} #main[data-ainote-landing] .impact-text--end .impact-text__content{margin-inline-start:auto} @media screen and (min-width:700px){#main[data-ainote-landing] .impact-text{--impact-text-spacing: var(--spacing-8);grid:auto / auto-flow var(--impact-text-auto-columns)} #main[data-ainote-landing] .impact-text--center{justify-content:space-evenly}} @media screen and (min-width:1150px){#main[data-ainote-landing] .impact-text{--impact-text-spacing: var(--spacing-12)}} #main[data-ainote-landing] .logo-list{grid:var(--logo-list-grid);gap:var(--spacing-2);display:grid} #main[data-ainote-landing] .logo-list__item{padding:var(--spacing-6);border:1px solid rgb(var(--logo-list-items-border));justify-content:center;align-items:center;display:flex} #main[data-ainote-landing] .logo-list__image{width:100%;max-width:var(--logo-list-image-max-width, none)} @media screen and (min-width:700px){#main[data-ainote-landing] .logo-list{gap:var(--spacing-6)} #main[data-ainote-landing] .logo-list__item{padding:var(--spacing-11)}} #main[data-ainote-landing] .media-grid{align-items:start;gap:calc(var(--grid-gutter) / 2);grid:auto-flow dense var(--media-grid-row-height) / repeat(2,minmax(0,1fr));display:grid} #main[data-ainote-landing] .media-grid__item{grid-area:span min(2,var(--media-grid-row-span)) / span min(2,var(--media-grid-column-span));height:100%} #main[data-ainote-landing] .media-grid__item>*{height:100%} @media screen and (min-width:700px){#main[data-ainote-landing] .media-grid{--calculated-row-height: max(150px, min(100vw / 5, var(--media-grid-row-height)));grid:auto-flow dense var(--calculated-row-height) / repeat(4,minmax(0,1fr))} #main[data-ainote-landing] .media-grid__item{grid-area:span var(--media-grid-row-span) / span var(--media-grid-column-span)}} @media screen and (min-width:1000px){#main[data-ainote-landing] .media-grid{gap:var(--grid-gutter)}} #main[data-ainote-landing] .media-with-text{--media-with-text-content-padding: var(--spacing-10) var(--spacing-8);gap:var(--media-with-text-gap);display:grid;overflow:hidden} #main[data-ainote-landing] .media-with-text__item{gap:min(var(--media-with-text-gap),var(--grid-gutter));grid-template:var(--media-with-text-item-grid-template);display:grid} #main[data-ainote-landing] .media-with-text__media{grid-area:media;position:relative;overflow:hidden} #main[data-ainote-landing] .media-with-text__media>*{object-fit:cover;object-position:center;border-radius:inherit;width:100%;height:100%} #main[data-ainote-landing] .media-with-text__content{padding:var(--media-with-text-content-padding);grid-area:content;display:grid} #main[data-ainote-landing] .media-with-text__icon{max-width:calc(var(--media-with-text-item-icon-width) / 1.5);margin-block-end:var(--spacing-1);display:inline-block} @media screen and (min-width:700px){#main[data-ainote-landing] .media-with-text{--media-with-text-content-padding: var(--spacing-16)} #main[data-ainote-landing] .media-with-text__icon{max-width:var(--media-with-text-item-icon-width);margin-block-end:var(--spacing-2)}} @media screen and (min-width:1000px){#main[data-ainote-landing] .media-with-text{--media-with-text-content-padding: var(--spacing-12)} #main[data-ainote-landing] .media-with-text__item{gap:var(--media-with-text-gap)}} @media screen and (min-width:1150px){#main[data-ainote-landing] .media-with-text{--media-with-text-content-padding: var(--spacing-18)}} @media screen and (min-width:1400px){#main[data-ainote-landing] .media-with-text{--media-with-text-content-padding: var(--spacing-20)}} #main[data-ainote-landing] .multi-column{--multi-column-list-column-max-gap: var(--grid-gutter);--multi-column-list-row-min-gap: var(--grid-gutter);--multi-column-item-gap: var(--spacing-6);grid:var(--multi-column-grid);gap:max(var(--multi-column-list-gap),var(--multi-column-list-row-min-gap)) min(var(--multi-column-list-column-max-gap),var(--multi-column-list-gap));display:grid} #main[data-ainote-landing] .multi-column__item{align-content:start;gap:var(--multi-column-item-gap);grid-template-columns:minmax(0,1fr);display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .multi-column{--multi-column-list-column-max-gap: var(--spacing-16);grid:auto / auto-flow 38vw}} @media screen and (min-width:1000px){#main[data-ainote-landing] .multi-column{--multi-column-list-row-min-gap: var(--spacing-16);grid:auto / repeat(12,minmax(0,1fr))} #main[data-ainote-landing] .multi-column__item{grid-column:var(--multi-column-item-column-count)}} @media screen and (min-width:1400px){#main[data-ainote-landing] .multi-column{--multi-column-list-column-max-gap: var(--multi-column-list-gap)}} #main[data-ainote-landing] .multiple-images-with-text{grid-template-columns:var(--multiple-images-with-text-grid-template-columns, none);gap:var(--section-stack-spacing-block) var(--multiple-images-with-text-column-gap, 0px);max-width:var(--multiple-images-with-text-max-width);isolation:isolate;justify-content:center;place-items:center;margin-inline-start:auto;margin-inline-end:auto;display:grid} #main[data-ainote-landing] .multiple-images-with-text__content-with-nav{row-gap:var(--spacing-8);text-align:var(--multiple-images-with-text-alignment, center);justify-items:var(--multiple-images-with-text-alignment, center);justify-self:start;width:100%;max-width:600px;display:grid} #main[data-ainote-landing] .multiple-images-with-text__image-list[layout=stacked],#main[data-ainote-landing] .multiple-images-with-text__content-list{place-items:center;width:100%;display:grid} #main[data-ainote-landing] :is(.multiple-images-with-text__image-list[layout=stacked],.multiple-images-with-text__content-list)>*{grid-area:1 / -1;width:100%} #main[data-ainote-landing] .multiple-images-with-text__image-list{grid-template:var(--multiple-images-with-text-images-grid-template, none);align-items:var(--multiple-images-with-text-images-alignment, center);width:100%;display:grid} #main[data-ainote-landing] .multiple-images-with-text__image-list>img{width:100%;max-width:var(--multiple-images-with-text-image-max-width, 390px);will-change:transform;outline:1px solid #0000;margin-inline-start:auto;margin-inline-end:auto} #main[data-ainote-landing] .multiple-images-with-text__image-list:not([layout=stacked])>img:first-child{grid-area:1 / 2 / -1;margin-block-start:var(--multiple-images-with-text-main-image-offset, 0px)} #main[data-ainote-landing] .multiple-images-with-text__content-list{place-items:end start} #main[data-ainote-landing] .multiple-images-with-text__image-list[layout=stacked]{--multiple-images-with-text-image-max-width: 520px} #main[data-ainote-landing] .multiple-images-with-text__image-list[layout=collage]{gap:var(--grid-gutter)} @media screen and (max-width:699px){#main[data-ainote-landing] .multiple-images-with-text__content-with-nav .circle-button{width:40px;height:40px}} @media screen and (min-width:700px){#main[data-ainote-landing] .multiple-images-with-text__content-with-nav{row-gap:var(--spacing-12)}} @media screen and (min-width:1150px){#main[data-ainote-landing] .multiple-images-with-text{--multiple-images-with-text-image-max-width: 500px}} #main[data-ainote-landing] .newsletter-content{gap:var(--spacing-6);max-width:780px;margin-inline-start:auto;margin-inline-end:auto;display:grid} #main[data-ainote-landing] .newsletter-box{padding:var(--spacing-6)} #main[data-ainote-landing] .newsletter-content>.form{width:100%} @media screen and (min-width:700px){#main[data-ainote-landing] .newsletter{border-radius:inherit;overflow:hidden} #main[data-ainote-landing] .newsletter-content{gap:var(--spacing-8)} #main[data-ainote-landing] .newsletter-content__icon{width:48px;height:48px} #main[data-ainote-landing] .newsletter-box{padding:var(--spacing-12)}} @media screen and (min-width:1000px){#main[data-ainote-landing] .newsletter{grid-template-columns:.5fr .5fr;display:grid} #main[data-ainote-landing] .newsletter-content>.form{max-width:490px} #main[data-ainote-landing] .newsletter>.newsletter-box{justify-content:start;align-items:center;display:grid} #main[data-ainote-landing] .section-full .newsletter-box{background:none}} @media screen and (min-width:1150px){#main[data-ainote-landing] .newsletter-box{padding:var(--spacing-16)}} @media screen and (min-width:1400px){#main[data-ainote-landing] .newsletter-box{padding:var(--spacing-20)}} #main[data-ainote-landing] .newsletter-drawer{--drawer-content-max-height: 80vh;--drawer-body-padding: 0;height:auto} #main[data-ainote-landing] .newsletter-drawer__content{padding:var(--spacing-6) var(--spacing-8) var(--spacing-8)} @media screen and (min-width:700px){#main[data-ainote-landing] .newsletter-drawer{--drawer-content-max-height: calc(100vh - var(--spacing-8));width:calc(445px + var(--spacing-8))} #main[data-ainote-landing] .newsletter-drawer button[is=close-button]{top:var(--spacing-8)} #main[data-ainote-landing] .newsletter-drawer button[is=close-button]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-8)} #main[data-ainote-landing] .newsletter-drawer button[is=close-button]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-8)} #main[data-ainote-landing] .newsletter-drawer__content{padding:var(--spacing-10) var(--spacing-12) var(--spacing-12)}} #main[data-ainote-landing] .not-found{--not-found-font-size: 210px;padding-block-start:var(--spacing-48);padding-block-end:var(--spacing-48);position:relative;overflow:hidden} #main[data-ainote-landing] .not-found:before{content:"404";letter-spacing:0;opacity:.1;pointer-events:none;font-weight:700;font-size:var(--not-found-font-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} @media screen and (min-width:700px){#main[data-ainote-landing] .not-found{--not-found-font-size: 400px;padding-block-start:var(--spacing-80);padding-block-end:var(--spacing-80)}} #main[data-ainote-landing] .page{gap:var(--spacing-12);max-width:var(--page-max-width, 80ch);grid-auto-columns:minmax(0,1fr);margin-inline-start:auto;margin-inline-end:auto;display:grid} #main[data-ainote-landing] .password{min-height:100vh;min-height:100dvh;grid-template-rows:1fr;align-items:center;padding-block-start:var(--spacing-10);padding-block-end:var(--spacing-10);display:grid;position:relative} #main[data-ainote-landing] .password:after{content:"";width:calc(100vw - var(--scrollbar-width, 0px));pointer-events:none;background-image:linear-gradient(#0000,#0003);height:60px;margin-inline-start:calc(50% - 50vw);position:absolute;bottom:0} #main[data-ainote-landing] .password:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:0} #main[data-ainote-landing] .password:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0} #main[data-ainote-landing] .password__main{gap:var(--spacing-10);width:100%;max-width:500px;display:grid} #main[data-ainote-landing] .password__social-box{gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-8);justify-content:center;display:grid} #main[data-ainote-landing] .password__aside{align-self:end;justify-items:center;gap:var(--spacing-2);margin-top:var(--spacing-8);display:grid;position:relative} #main[data-ainote-landing] .password__storefront-drawer{--drawer-body-padding: var(--spacing-8)} #main[data-ainote-landing] .password__storefront-form{gap:var(--spacing-6);display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .password--center{justify-items:center} #main[data-ainote-landing] .password--end{justify-items:end} #main[data-ainote-landing] .password__main{gap:var(--spacing-12)} #main[data-ainote-landing] .password__social-box{gap:var(--spacing-6);padding:var(--spacing-8) var(--spacing-12);align-items:center;display:flex} #main[data-ainote-landing] .password__aside{justify-self:end;display:flex} #main[data-ainote-landing] .password--center .password__aside{justify-self:center} #main[data-ainote-landing] .password--end .password__aside{justify-self:start} #main[data-ainote-landing] .password__storefront-drawer{--drawer-body-padding: var(--spacing-10)}} #main[data-ainote-landing] .press{--press-padding-inline: var(--spacing-5);gap:var(--spacing-6);max-width:var(--press-max-width);margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:var(--press-padding-inline);padding-inline-end:var(--press-padding-inline);display:grid} #main[data-ainote-landing] .press__list{align-items:flex-start;display:grid} #main[data-ainote-landing] .press__list>*{grid-area:1 / -1} #main[data-ainote-landing] .press__list-item{gap:var(--spacing-8);justify-items:center;display:grid} #main[data-ainote-landing] .press__list-item:not(.is-selected){opacity:0;visibility:hidden} #main[data-ainote-landing] .press__list-item .rating{margin-block-end:calc(var(--press-padding-inline) * -1)} #main[data-ainote-landing] .press__list-item .blockquote:first-child{margin-block-start:0} #main[data-ainote-landing] .press__logo{border:1px solid rgb(var(--press-items-border));justify-content:center;align-items:center;display:flex} #main[data-ainote-landing] .press__logo.bg-custom{padding:var(--spacing-6)} #main[data-ainote-landing] .press__image{width:100%;max-width:var(--press-image-max-width, none)} #main[data-ainote-landing] .press__controls{gap:var(--spacing-5);grid:auto / auto-flow;justify-content:center;align-items:center;display:grid} @media screen and (min-width:700px){#main[data-ainote-landing] .press{--press-padding-inline: var(--spacing-8);gap:var(--spacing-10)} #main[data-ainote-landing] .press__list-item{gap:var(--spacing-10)} #main[data-ainote-landing] .press .rating__stars svg{width:20px;height:20px}} #main[data-ainote-landing] .product{grid:var(--product-grid);gap:var(--container-gutter) var(--spacing-10);align-items:start;display:grid} @media screen and (min-width:1150px){#main[data-ainote-landing] .product{column-gap:var(--spacing-12)}} @media screen and (min-width:1600px){#main[data-ainote-landing] .product{column-gap:var(--spacing-24)}} #main[data-ainote-landing] .product-info{--product-info-block-spacing: var(--spacing-6)} #main[data-ainote-landing] .product-info>*+*{margin-block-start:var(--product-info-block-spacing);margin-block-end:var(--product-info-block-spacing)} #main[data-ainote-landing] .product-info>*+*:last-child{margin-block-end:0} #main[data-ainote-landing] .product-info__accordion{--product-info-block-spacing: 0} #main[data-ainote-landing] .product-info__block-item:where([data-block-type=vendor],[data-block-type=title],[data-block-type=sku],[data-block-type=price],[data-block-type=rating],[data-block-type=payment-terms]){--product-info-block-spacing: var(--spacing-2)} #main[data-ainote-landing] .product-info__block-item:where([data-block-type=badges]){--product-info-block-spacing: var(--spacing-4)} #main[data-ainote-landing] .product-info__sku{display:block} #main[data-ainote-landing] .product-info__badge-list{gap:var(--spacing-2);flex-wrap:wrap;display:flex} #main[data-ainote-landing] .product-info__price .rating-with-text{justify-content:flex-start;display:flex} #main[data-ainote-landing] .product-info__price .product-info__badge-list{align-self:center;margin-inline-start:var(--spacing-1)} #main[data-ainote-landing] .product-info__price .rating{margin-inline-start:auto} #main[data-ainote-landing] .product-info__offer-list{gap:var(--spacing-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid} #main[data-ainote-landing] .product-form__share{grid-template-columns:minmax(0,1fr);display:grid} #main[data-ainote-landing] .product-info__share-buttons{display:none} #main[data-ainote-landing] .native-share--disabled .product-info__share-buttons{display:block} #main[data-ainote-landing] .product-info__native-share{display:none} #main[data-ainote-landing] .native-share--enabled .product-info__native-share{align-items:center;gap:var(--spacing-2-5);opacity:.7;transition:opacity .2s ease-in-out;display:flex} #main[data-ainote-landing] .native-share--enabled .product-info__native-share:hover{opacity:1} #main[data-ainote-landing] .product-info__block-item:empty{display:none} #main[data-ainote-landing] .product-info__block-item:has(.accordion)+.product-info__block-item:has(.accordion) .accordion{border-block-start-width:0} @media screen and (min-width:700px){#main[data-ainote-landing] .product-info__block-item:where([data-block-type=vendor],[data-block-type=title],[data-block-type=sku],[data-block-type=price],[data-block-type=rating],[data-block-type=payment-terms]){--product-info-block-spacing: var(--spacing-4)} #main[data-ainote-landing] .product-info__block-item:where([data-block-type=buy-buttons]){--product-info-block-spacing: var(--spacing-8)} #main[data-ainote-landing] .product-info__offer-list{gap:var(--spacing-4)} #main[data-ainote-landing] .product-info__complementary-products .horizontal-product-list-carousel:not(.separate){border-width:1px} #main[data-ainote-landing] .product-info__complementary-products .horizontal-product-list-carousel>.horizontal-product-list,#main[data-ainote-landing] .product-info__complementary-products .horizontal-product-list-carousel .horizontal-product{border:none}} @media screen and (min-width:1000px){#main[data-ainote-landing] .product-info{top:calc(var(--sticky-area-height) + 20px);z-index:1;position:sticky}} #main[data-ainote-landing] .product-gallery{gap:var(--spacing-5);grid-auto-columns:minmax(0,1fr);display:grid} #main[data-ainote-landing] .product-gallery__ar-wrapper{gap:var(--spacing-2-5);display:grid} #main[data-ainote-landing] .product-gallery__media-list-wrapper{display:grid;position:relative} #main[data-ainote-landing] .product-gallery__media-list{grid:var(--product-gallery-media-list-grid);gap:var(--product-gallery-media-list-gap);align-items:start;transition:height .1s;display:grid} #main[data-ainote-landing] .product-gallery__media{position:relative} #main[data-ainote-landing] .product-gallery__media img{margin-inline-start:auto;margin-inline-end:auto} #main[data-ainote-landing] .product-gallery .page-dots--blurred{z-index:1;justify-self:center;margin-inline-start:var(--spacing-2);margin-inline-end:var(--spacing-2);position:absolute;bottom:var(--spacing-2)} #main[data-ainote-landing] .product-gallery__thumbnail-list{align-items:end;gap:var(--spacing-2);grid-auto-columns:56px;grid-auto-flow:column;display:grid} #main[data-ainote-landing] .product-gallery__thumbnail{position:relative} #main[data-ainote-landing] .product-gallery__thumbnail:after{content:"";opacity:0;background:currentColor;width:100%;height:2px;margin-block-start:4px;transition:opacity .15s;display:block} #main[data-ainote-landing] .product-gallery__thumbnail[aria-current=true]:after{opacity:1} #main[data-ainote-landing] .product-gallery__media-badge{width:var(--spacing-5);height:var(--spacing-5);background:rgb(var(--background-primary));border-radius:var(--rounded-button);border:1px solid rgb(var(--text-color) / .12);place-content:center;display:grid;position:absolute;bottom:var(--spacing-2-5)} #main[data-ainote-landing] .product-gallery__media-badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-1)} #main[data-ainote-landing] .product-gallery__media-badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-1)} #main[data-ainote-landing] .product-gallery__zoom{transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;top:var(--spacing-4)} #main[data-ainote-landing] .product-gallery__zoom:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-4)} #main[data-ainote-landing] .product-gallery__zoom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-4)} #main[data-ainote-landing] .product-gallery__zoom>.circle-button{width:35px;height:35px} #main[data-ainote-landing] .product-gallery__cursor.is-half-start svg{transform:rotate(180deg)} #main[data-ainote-landing] [data-shopify-xr-hidden]{visibility:hidden} @media screen and (min-width:700px){#main[data-ainote-landing] .product-gallery__thumbnail-list{grid-auto-columns:64px}} @media screen and (max-width:999px){#main[data-ainote-landing] .product-gallery__thumbnail-list-wrapper{--scroll-shadow-size: 0px} #main[data-ainote-landing] .product-gallery--mobile-dots .product-gallery__thumbnail-list-wrapper{display:none} #main[data-ainote-landing] .product-gallery:has([data-media-type*=video].is-selected) .product-gallery__zoom{opacity:0;visibility:hidden;transform:scale(.8)} #main[data-ainote-landing] .product-gallery--mobile-expanded .product-gallery__media,#main[data-ainote-landing] .product-gallery--mobile-expanded .product-gallery__media>*{border-radius:0} #main[data-ainote-landing] .product-gallery--mobile-expanded .product-gallery__zoom:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0} #main[data-ainote-landing] .product-gallery--mobile-expanded .product-gallery__zoom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}} @media screen and (min-width:1000px){#main[data-ainote-landing] .product-gallery{gap:var(--spacing-6) var(--spacing-12)} #main[data-ainote-landing] .product-gallery__thumbnail-list-wrapper{align-items:center;gap:var(--spacing-4);grid-auto-flow:column;display:grid;position:relative} #main[data-ainote-landing] .product-gallery__thumbnail-list{gap:var(--spacing-4)} #main[data-ainote-landing] .product-gallery__thumbnail-list-wrapper>button{z-index:1;opacity:0;margin-top:-3px;transition:opacity .1s,transform .1s;position:absolute;transform:scale(.6)} #main[data-ainote-landing] .product-gallery__thumbnail-list-wrapper>button:first-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:8px} #main[data-ainote-landing] .product-gallery__thumbnail-list-wrapper>button:first-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:8px} #main[data-ainote-landing] .product-gallery__thumbnail-list-wrapper>button:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:8px} #main[data-ainote-landing] .product-gallery__thumbnail-list-wrapper>button:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:8px} #main[data-ainote-landing] .product-gallery__thumbnail-list-wrapper>button[disabled]{opacity:0} #main[data-ainote-landing] .product-gallery__thumbnail-list-wrapper:hover>button:not([disabled]){opacity:1;transform:scale(1)} #main[data-ainote-landing] .product-gallery--desktop-grid .product-gallery__thumbnail-list-wrapper{display:none} #main[data-ainote-landing] .product-gallery__media--expand{grid-column:span 2} #main[data-ainote-landing] .product-gallery__zoom{opacity:0;position:absolute;top:auto;bottom:var(--spacing-6);transform:scale(.8)} #main[data-ainote-landing] .product-gallery__zoom:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-6)} #main[data-ainote-landing] .product-gallery__zoom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-6)} #main[data-ainote-landing] .product-gallery__zoom svg{width:17px;height:17px} #main[data-ainote-landing] .product-gallery__zoom>.circle-button{width:56px;height:56px} #main[data-ainote-landing] .product-gallery--desktop-grid .product-gallery__media:hover .product-gallery__zoom{opacity:1;transform:scale(1)} #main[data-ainote-landing] .product-gallery--desktop-carousel .product-gallery__zoom{opacity:1;visibility:visible} #main[data-ainote-landing] .product-gallery--desktop-carousel:has([data-media-type*=video].is-selected) .product-gallery__zoom{opacity:0;visibility:hidden} #main[data-ainote-landing] [data-shopify-xr-hidden]{display:none}} @media screen and (min-width:1150px){#main[data-ainote-landing] .product-gallery--desktop-thumbnails-left{grid:auto / auto-flow auto minmax(0,1fr);align-items:start} #main[data-ainote-landing] .product-gallery--desktop-thumbnails-left .product-gallery__thumbnail-list-wrapper{order:-1;grid-auto-flow:row;justify-items:center;overflow:auto} #main[data-ainote-landing] .product-gallery--desktop-thumbnails-left .product-gallery__thumbnail-list{gap:var(--spacing-2-5);grid-auto-flow:row;max-height:600px;overflow:auto} #main[data-ainote-landing] .product-gallery--desktop-thumbnails-left .product-gallery__thumbnail-list-wrapper>button{transform:rotate(90deg)}} #main[data-ainote-landing] .revealed-image{z-index:-1;display:inline;position:relative} #main[data-ainote-landing] .revealed-image__scroll-tracker{height:100%;position:absolute;top:0} #main[data-ainote-landing] .revealed-image__scroller{height:180vh;height:180lvh;display:block;position:sticky;top:0;overflow:hidden} #main[data-ainote-landing] .revealed-image__wrapper{height:100vh;height:100lvh;top:calc(var(--sticky-area-height) / 2);grid-auto-rows:minmax(0,1fr);place-items:center;display:grid;position:relative} #main[data-ainote-landing] .revealed-image__wrapper>*{grid-area:1 / -1} #main[data-ainote-landing] .revealed-image__wrapper img{object-fit:cover;width:100%;height:100%} #main[data-ainote-landing] .revealed-image__wrapper>.revealed-image__image-clipper,#main[data-ainote-landing] .revealed-image__wrapper>.revealed-image__content--inside{clip-path:inset(37% 37% 41%);width:100%;height:100%} #main[data-ainote-landing] .revealed-image__content{width:100%;height:100%;padding-inline:max(var(--container-gutter),50% - var(--container-max-width) / 2);text-align:center;z-index:1;opacity:0;place-content:center;display:grid} #main[data-ainote-landing] .revealed-image__content-inner{max-width:1300px;margin-inline-start:auto;margin-inline-end:auto} #main[data-ainote-landing] .rich-text{display:flex} #main[data-ainote-landing] .rich-text__wrapper{max-width:var(--rich-text-max-width)} #main[data-ainote-landing] .rich-text .prose,#main[data-ainote-landing] .split-rich-text .prose{align-items:start;display:grid} #main[data-ainote-landing] .rich-text .image-icon{margin-block-end:0!important} #main[data-ainote-landing] .split-rich-text{display:none} @media screen and (min-width:1000px){#main[data-ainote-landing] .split-rich-text{gap:var(--spacing-24);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}} @media screen and (min-width:1150px){#main[data-ainote-landing] .split-rich-text{gap:var(--spacing-32)}} #main[data-ainote-landing] .scrolling-text{overflow:hidden} #main[data-ainote-landing] .scrolling-text__wrapper{display:grid} #main[data-ainote-landing] .scrolling-text__text{line-height:normal;font-size:var(--scrolling-text-font-size);padding-inline-start:min(1em,32px);padding-inline-end:min(1em,32px)} @supports (overflow: clip){#main[data-ainote-landing] .scrolling-text{overflow:clip visible} #main[data-ainote-landing] .scrolling-text__text{line-height:1}} @media screen and (min-width:700px){#main[data-ainote-landing] .scrolling-text__text{padding-inline-start:min(1.5em,64px);padding-inline-end:min(1.5em,64px)}} @media(prefers-reduced-motion:no-preference){#main[data-ainote-landing] .scrolling-text__wrapper{grid:auto / auto-flow max-content} #main[data-ainote-landing] .scrolling-text--auto .scrolling-text__text{animation:ainote-landing-translateFull var(--marquee-animation-duration, 0s) linear infinite} #main[data-ainote-landing] .scrolling-text--scroll .scrolling-text__wrapper{min-width:min-content}} @media(prefers-reduced-motion:reduce){#main[data-ainote-landing] .scrolling-text{--scrolling-text-font-size: var(--text-h0)} #main[data-ainote-landing] .scrolling-text__wrapper{text-align:center;justify-content:center}} #main[data-ainote-landing] .search-input{justify-content:space-between;align-items:center;gap:var(--spacing-4);border-bottom-width:2px;padding-block-end:var(--spacing-2-5);transition:border-bottom-color .1s;display:flex} #main[data-ainote-landing] .search-input:focus-within{border-bottom-color:rgb(var(--text-color))} #main[data-ainote-landing] .search-input>input{-webkit-appearance:none;appearance:none;width:0;font-size:var(--text-h5);background:none;border-radius:0;outline:none;flex-grow:1;font-weight:bolder} #main[data-ainote-landing] .search-input>input::placeholder{color:rgb(var(--text-color) / .5)} #main[data-ainote-landing] .search-input>input[type=search]::-webkit-search-decoration{display:none} #main[data-ainote-landing] .search-input>input[type=search]::-webkit-search-cancel-button{display:none} #main[data-ainote-landing] .search-input>[type=reset]{font-size:var(--text-sm);opacity:0;transition:opacity .2s} #main[data-ainote-landing] .search-input>input:not(:placeholder-shown)~[type=reset]{opacity:1} @media screen and (min-width:700px){#main[data-ainote-landing] .search-input{padding-block-end:var(--spacing-3)} #main[data-ainote-landing] .search-input>input{font-size:var(--text-h4)} #main[data-ainote-landing] .search-input>[type=reset]{font-size:var(--text-base)}} #main[data-ainote-landing] .search-drawer{--drawer-body-padding: 20px 24px 24px 24px;--drawer-content-max-height: 100%;height:100%} #main[data-ainote-landing] .search-drawer::part(content){height:max-content;overflow:auto} #main[data-ainote-landing] .search-drawer::part(outside-close-button),#main[data-ainote-landing] .search-drawer::part(close-button){display:none} @media screen and (min-width:700px){#main[data-ainote-landing] .search-drawer{--drawer-body-padding: 32px 40px 40px 40px} #main[data-ainote-landing] .search-drawer::part(content){height:100%}} #main[data-ainote-landing] .predictive-search{min-width:0;display:block} #main[data-ainote-landing] .predictive-search__tabs{gap:var(--spacing-4);display:grid} #main[data-ainote-landing] .predictive-search__tabs::part(tab-list){white-space:nowrap;scrollbar-width:none;gap:var(--spacing-4);margin-inline:calc(-1 * var(--container-outer-width));padding-inline:var(--container-outer-width);scroll-padding-inline:var(--container-outer-width);grid-auto-columns:max-content;grid-auto-flow:column;display:grid;overflow:auto hidden} #main[data-ainote-landing] .predictive-search__tab-item{align-items:center;gap:var(--spacing-2);display:flex} #main[data-ainote-landing] .predictive-search__tab-item [aria-selected]{transition:opacity .2s ease-in-out} #main[data-ainote-landing] .predictive-search__tab-item [aria-selected=false]:not(:hover){opacity:.3} #main[data-ainote-landing] .predictive-search-result{align-items:center;gap:var(--spacing-5);display:flex} #main[data-ainote-landing] .predictive-search-result>img{flex-shrink:0;width:80px} @media screen and (min-width:700px){#main[data-ainote-landing] .predictive-search__tabs{gap:var(--spacing-6)} #main[data-ainote-landing] .predictive-search__tabs::part(tab-list){gap:var(--spacing-5)} #main[data-ainote-landing] .predictive-search-result{gap:var(--spacing-6)} #main[data-ainote-landing] .predictive-search-result>img{width:96px}} @media screen and (min-width:1000px){#main[data-ainote-landing] .search-drawer--full{--search-full-gap: 40px;width:100%} #main[data-ainote-landing] .search-drawer--full .search-input{padding-block-end:var(--spacing-6)} #main[data-ainote-landing] .search-drawer--full .predictive-search__tabs{gap:var(--spacing-8)} #main[data-ainote-landing] .search-drawer--full .predictive-search__tabs::part(tab-list),#main[data-ainote-landing] .search-drawer--full .predictive-search__tabs::part(tab-panels),#main[data-ainote-landing] .search-drawer--full .predictive-search__skeleton-full-width{grid-template-columns:repeat(var(--predictive-search-column-count, 4),minmax(var(--predictive-search-column-width, 0px),1fr));gap:0 var(--search-full-gap);display:grid} #main[data-ainote-landing] .search-drawer--full .predictive-search__tab-content{display:grid!important} #main[data-ainote-landing] .search-drawer--full .predictive-search__tab-item{justify-content:space-between;align-items:center;display:flex} #main[data-ainote-landing] .search-drawer--full .predictive-search__tab-content{align-content:start} #main[data-ainote-landing] .search-drawer--full .predictive-search__tab-content~.predictive-search__tab-content:before{content:"";margin-left:calc(-1 * var(--search-full-gap) / 2);background:rgb(var(--text-color) / .12);width:1px;height:100%;position:absolute;top:0} #main[data-ainote-landing] .search-drawer--full [role=tab]{pointer-events:none;opacity:1!important}} @media screen and (min-width:1400px){#main[data-ainote-landing] .search-drawer--full{--search-full-gap: 96px}} #main[data-ainote-landing] .search-banner{padding-block-start:var(--spacing-8)} @media screen and (min-width:1000px){#main[data-ainote-landing] .search-banner{padding-block-start:var(--spacing-12)}} #main[data-ainote-landing] .main-search-form .search-input{width:260px;margin-inline-start:auto;margin-inline-end:auto} #main[data-ainote-landing] #main-search-results-page{margin-block-start:var(--spacing-12);display:block} @media screen and (min-width:700px){#main[data-ainote-landing] .main-search-form .search-input{width:490px}} #main[data-ainote-landing] .shop-the-look{--shop-the-look-gap: var(--spacing-5);--shop-the-look-grid: auto-flow / auto;grid:var(--shop-the-look-grid);align-items:flex-start;gap:var(--shop-the-look-gap);display:grid} #main[data-ainote-landing] .shop-the-look__dot{--dot-size: 10px;top:calc(var(--shop-the-look-dot-top) - (var(--dot-size) / 2));left:calc(var(--shop-the-look-dot-left) - (var(--dot-size) / 2));width:var(--dot-size);height:var(--dot-size);border-radius:var(--rounded-full);background-color:rgb(var(--shop-the-look-dot-background));transition:transform .2s ease-in-out;position:absolute} #main[data-ainote-landing] .shop-the-look__dot:after{content:"";top:calc(50% + (var(--spacing-6) * -1));left:calc(50% + (var(--spacing-6) * -1));width:var(--spacing-12);height:var(--spacing-12);background:radial-gradient(50% 50% at 50% 50%,rgb(var(--shop-the-look-dot-background) / 0),rgb(var(--shop-the-look-dot-background) / .3));border-radius:var(--rounded-full);animation:2s ease-in-out infinite alternate ainote-landing-ping;position:absolute} #main[data-ainote-landing] .shop-the-look__dot[aria-current=true]{transform:scale(1.3)} #main[data-ainote-landing] .shop-the-look__products{display:grid} #main[data-ainote-landing] .shop-the-look__carousel>.horizontal-product-list{grid:var(--shop-the-look-carousel-grid);display:grid} @media screen and (pointer:fine){#main[data-ainote-landing] .shop-the-look__dot:hover{transform:scale(1.3)}} @media screen and (min-width:700px){#main[data-ainote-landing] .section-boxed .shop-the-look{--shop-the-look-gap: var(--calculated-section-spacing-inline);--shop-the-look-grid: auto / 55% minmax(0, 1fr)} #main[data-ainote-landing] .shop-the-look{--shop-the-look-gap: var(--spacing-18);--shop-the-look-grid: auto / minmax(0, 1fr) 40%} #main[data-ainote-landing] .shop-the-look__products{justify-items:flex-end;gap:var(--spacing-8);display:grid} #main[data-ainote-landing] .shop-the-look__carousel{width:100%;display:grid} #main[data-ainote-landing] .shop-the-look__carousel>*{grid-area:1 / -1} #main[data-ainote-landing] .shop-the-look__controls{gap:var(--spacing-4);grid:auto / auto-flow;margin-inline-start:auto;margin-inline-end:auto;display:grid}} @media screen and (min-width:1000px){#main[data-ainote-landing] .section-boxed .shop-the-look__carousel{--shop-the-look-carousel-width: 100%} #main[data-ainote-landing] .shop-the-look{--shop-the-look-gap: 0;--shop-the-look-grid: auto / repeat(2, minmax(0, 1fr))} #main[data-ainote-landing] .shop-the-look__products{justify-items:center} #main[data-ainote-landing] .shop-the-look__carousel{--shop-the-look-carousel-width: 60%;width:var(--shop-the-look-carousel-width)}} @media screen and (min-width:1150px){#main[data-ainote-landing] .section-boxed .shop-the-look{--shop-the-look-grid: auto / repeat(2, 1fr)} #main[data-ainote-landing] .section-boxed .shop-the-look__carousel{--shop-the-look-carousel-width: 60%}} #main[data-ainote-landing] .slideshow{background:var(--slideshow-background)} #main[data-ainote-landing] .slideshow,#main[data-ainote-landing] .slideshow__carousel{color:rgb(var(--text-color));display:block;position:relative} #main[data-ainote-landing] .slideshow__slide{position:relative} #main[data-ainote-landing] .slideshow__slide:not(.is-selected){opacity:0;visibility:hidden;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0} #main[data-ainote-landing] .slideshow__slide-background{opacity:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0} #main[data-ainote-landing] .slideshow__slide.is-selected video-media~*{opacity:1!important;visibility:visible!important;pointer-events:auto!important} #main[data-ainote-landing] .slideshow__slide.is-selected .content-over-media:before{background:rgb(var(--content-over-media-overlay))!important} #main[data-ainote-landing] .slideshow__controls{z-index:1;position:absolute;bottom:var(--container-gutter)} #main[data-ainote-landing] .slideshow__controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:max(var(--container-gutter),50% - var(--container-max-width) / 2)} #main[data-ainote-landing] .slideshow__controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:max(var(--container-gutter),50% - var(--container-max-width) / 2)} #main[data-ainote-landing] .slideshow__controls .circle-button--fill{background:rgb(var(--slideshow-controls-background));color:rgb(var(--slideshow-controls-color))} #main[data-ainote-landing] .slideshow__controls .circle-button--bordered{color:rgb(var(--slideshow-controls-color))} #main[data-ainote-landing] .slideshow__controls .numbered-dots>*{color:rgb(var(--slideshow-controls-color) / .7);border-color:rgb(var(--slideshow-controls-color) / .3)} #main[data-ainote-landing] .slideshow__controls .numbered-dots>[aria-current=true]{color:rgb(var(--slideshow-controls-color))} #main[data-ainote-landing] .slideshow__controls .stretching-dots>*{background:rgb(var(--slideshow-controls-color))} #main[data-ainote-landing] .slideshow__cursor.is-half-start .icon-chevron-right{transform:rotate(180deg)} #main[data-ainote-landing] .slideshow__cursor-ring{--radius: 27;--circumference: calc(2px * (22 / 7) * var(--radius));position:absolute;top:0;left:0} #main[data-ainote-landing] .slideshow__cursor-ring circle{stroke-opacity:1;stroke-dashoffset:0;stroke-dasharray:calc(var(--circumference) * var(--progress, 0)),var(--circumference);transform:rotate(-90deg)} #main[data-ainote-landing] .slideshow .content-over-media--auto svg{height:min(700px,50vmax)} @media screen and (max-width:699px){#main[data-ainote-landing] .slideshow__controls .circle-button{width:var(--spacing-10);height:var(--spacing-10)} #main[data-ainote-landing] .slideshow--multiple-slides :is(.place-self-end-start,.place-self-end-center){padding-block-end:40px}} #main[data-ainote-landing] .slideshow--boxed{--content-over-media-gap: var(--section-inner-spacing-inline);background:var(--slideshow-background);padding-block-start:var(--section-inner-max-spacing-block);padding-block-end:var(--section-inner-max-spacing-block);padding-inline-start:max(var(--container-gutter),50% - var(--container-max-width) / 2);padding-inline-end:max(var(--container-gutter),50% - var(--container-max-width) / 2)} #main[data-ainote-landing] .slideshow--boxed .content-over-media>:not(img,svg){padding-block-start:0!important} #main[data-ainote-landing] .shopify-section:first-child .slideshow--boxed[allow-transparent-header]{padding-block-start:max(var(--section-inner-max-spacing-block),var(--header-height))} @media screen and (min-width:1400px){#main[data-ainote-landing] .slideshow__controls{bottom:var(--spacing-14)} #main[data-ainote-landing] .slideshow__controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing-14)} #main[data-ainote-landing] .slideshow__controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing-14)}} #main[data-ainote-landing] .shopify-payment-button__button{height:auto!important} #main[data-ainote-landing] .shopify-payment-button__button[disabled]{opacity:1!important} #main[data-ainote-landing] .shopify-payment-button__button--branded{border-radius:var(--rounded-button)!important;min-height:100%!important;overflow:hidden!important} #main[data-ainote-landing] .shopify-payment-button__button--unbranded{--button-outline-color: var(--button-background, --button-background-primary);padding:var(--shopify-payment-button-padding, var(--spacing-4) var(--spacing-8))!important;-webkit-appearance:none!important;border-radius:var(--rounded-button)!important;background:rgb(var(--button-background, var(--button-background-primary)) / var(--button-background-opacity, 1))!important;color:rgb(var(--button-text-color, var(--button-text-primary)))!important;font-family:var(--text-font-family)!important;font-style:var(--text-font-style)!important;font-weight:bolder!important;font-size:var(--shopify-payment-button-font-size, var(--text-base))!important;text-align:center!important;line-height:inherit!important;letter-spacing:var(--text-letter-spacing)!important;text-decoration:none!important;transition:background-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out!important;display:inline-block!important;position:relative!important;box-shadow:inset 0 0 0 2px #0000!important} #main[data-ainote-landing] shopify-accelerated-checkout,#main[data-ainote-landing] shopify-accelerated-checkout-cart{--shopify-accelerated-checkout-button-block-size: 54px;--shopify-accelerated-checkout-button-border-radius: var(--rounded-button);--shopify-accelerated-checkout-button-box-shadow: none} @media screen and (min-width:700px){#main[data-ainote-landing] .shopify-payment-button__button--unbranded{padding:var(--shopify-payment-button-padding, 17.2px var(--spacing-10))!important} #main[data-ainote-landing] shopify-accelerated-checkout,#main[data-ainote-landing] shopify-accelerated-checkout-cart{--shopify-accelerated-checkout-button-block-size: 60px}} #main[data-ainote-landing] .shopify-policy__container{gap:var(--spacing-12)!important;max-width:none!important;padding:var(--spacing-14) 0!important;grid-auto-columns:minmax(0,1fr)!important;margin-inline-start:max(var(--container-gutter),50% - 80ch / 2)!important;margin-inline-end:max(var(--container-gutter),50% - 80ch / 2)!important;display:grid!important} #main[data-ainote-landing] .shopify-challenge__container,#main[data-ainote-landing] .shopify-email-marketing-confirmation__container{padding:var(--spacing-14) 0!important} @media screen and (min-width:700px){#main[data-ainote-landing] .shopify-policy__container,#main[data-ainote-landing] .shopify-challenge__container,#main[data-ainote-landing] .shopify-email-marketing-confirmation__container{padding-block-start:var(--spacing-16)!important;padding-block-end:var(--spacing-16)!important}} #main[data-ainote-landing] .tabs{max-width:var(--tabs-max-width);margin-inline-start:auto;margin-inline-end:auto;display:grid} @media screen and (max-width:699px){#main[data-ainote-landing] .tabs-inner{display:none}} @media screen and (min-width:700px){#main[data-ainote-landing] .tabs-inner{gap:var(--spacing-10);display:grid} #main[data-ainote-landing] .tabs-inner::part(tab-list){box-shadow:inset 0 -2px rgb(var(--text-color) / .1);grid:auto / auto-flow 1fr;align-items:end;display:grid;position:relative} #main[data-ainote-landing] .tabs-inner::part(tab-list):after{content:"";height:2px;width:calc(100% / var(--item-count));background:rgb(var(--text-color));transform:translate(calc(var(--selected-index) * var(--transform-logical-flip) * 100%));transition:transform .3s;position:absolute;bottom:0} #main[data-ainote-landing] .tabs-inner::part(tab-list):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:0} #main[data-ainote-landing] .tabs-inner::part(tab-list):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0} #main[data-ainote-landing] .tabs-nav__button{padding-block-start:var(--spacing-6);padding-block-end:var(--spacing-6);transition:color .2s ease-in-out} #main[data-ainote-landing] .tabs-nav__button[aria-selected=true]{color:rgb(var(--text-color))}} #main[data-ainote-landing] .testimonial-list{grid:var(--testimonial-list-grid);gap:var(--grid-gutter);align-items:start;display:grid} #main[data-ainote-landing] .testimonial{align-content:start;gap:var(--spacing-4);padding:var(--spacing-6);scroll-snap-align:center;scroll-snap-stop:always;display:grid} #main[data-ainote-landing] .testimonial__image{width:var(--spacing-10)} @media screen and (min-width:700px){#main[data-ainote-landing] .testimonial{gap:var(--spacing-5);padding:var(--spacing-8)} #main[data-ainote-landing] .testimonial__image{width:var(--spacing-14)}} @media screen and (min-width:1150px){#main[data-ainote-landing] .testimonial{scroll-snap-align:none}} @media screen and (min-width:1400px){#main[data-ainote-landing] .testimonial{gap:var(--spacing-6);padding:var(--spacing-10)}} #main[data-ainote-landing] .text-with-icons{gap:var(--spacing-8);text-align:var(--text-with-icons-text-align);justify-content:var(--text-with-icons-justify);display:grid} #main[data-ainote-landing] .text-with-icons__list{grid:auto / var(--text-with-icons-template);row-gap:var(--spacing-6);align-items:start;min-width:0;display:grid} #main[data-ainote-landing] .text-with-icons__item{gap:var(--text-with-icons-gap);justify-items:var(--text-with-icons-justify);padding-inline-start:var(--spacing-6);padding-inline-end:var(--spacing-6);display:grid} @media screen and (min-width:1000px){#main[data-ainote-landing] :not(.is-scrollable) .text-with-icons__list{gap:var(--spacing-6)} #main[data-ainote-landing] :not(.is-scrollable) .text-with-icons__item{padding-inline-start:0;padding-inline-end:0}} @media screen and (min-width:1400px){#main[data-ainote-landing] :not(.is-scrollable) .text-with-icons__list{gap:var(--spacing-10)}} #main[data-ainote-landing] .timeline{gap:var(--spacing-8);grid-template-columns:minmax(0,1fr);display:grid} #main[data-ainote-landing] .timeline__slider{align-items:start;display:grid} #main[data-ainote-landing] .timeline__slider>*{grid-area:1 / -1} #main[data-ainote-landing] .timeline__slide{gap:var(--spacing-6);text-align:center;grid-template-columns:minmax(0,1fr);align-items:start;display:grid} #main[data-ainote-landing] .timeline__image{width:100%;max-width:410px;margin-inline-start:auto;margin-inline-end:auto;position:relative} #main[data-ainote-landing] .timeline__controls{--timeline-dot-size: var(--spacing-4);--timeline-dot-padding-inline-end: var(--spacing-4);padding-block-start:calc((var(--timeline-dot-size) / 2))} #main[data-ainote-landing] .timeline__nav{grid:auto / repeat(var(--timeline-nav-item-count),minmax(0,1fr));width:max-content;min-width:100%;display:grid} #main[data-ainote-landing] .timeline__nav-bar{background-color:rgb(var(--text-color) / .12);width:100%;height:2px;position:absolute;top:-1px} #main[data-ainote-landing] .timeline__nav-bar:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0} #main[data-ainote-landing] .timeline__nav-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0} #main[data-ainote-landing] .timeline__nav-item{gap:var(--spacing-3);align-content:flex-start;min-width:100px;max-width:200px;padding-inline-end:var(--timeline-dot-padding-inline-end);display:grid;position:relative} #main[data-ainote-landing] .timeline__nav-item:before{content:"";width:var(--timeline-dot-size);height:var(--timeline-dot-size);border-radius:var(--rounded-full);background-color:rgb(var(--background));border-width:2px;margin-block-start:calc((var(--timeline-dot-size) / 2) * -1);transition:border-color .2s ease-in-out,background-color .2s ease-in-out} #main[data-ainote-landing] .timeline__nav-item[aria-current=true]:before{border-color:rgb(var(--text-color));background-color:rgb(var(--text-color))} #main[data-ainote-landing] .timeline__nav-label{opacity:.5;transition:opacity .2s ease-in-out} #main[data-ainote-landing] .timeline__nav-item[aria-current=true] .timeline__nav-label{opacity:1} @media screen and (min-width:700px){#main[data-ainote-landing] .timeline{gap:var(--spacing-14)} #main[data-ainote-landing] .timeline__slide{gap:var(--spacing-10)} #main[data-ainote-landing] .timeline__slide>.prose{padding-inline-start:var(--spacing-14);padding-inline-end:var(--spacing-14)} #main[data-ainote-landing] .timeline__content{gap:var(--spacing-6)} #main[data-ainote-landing] .timeline__controls{--timeline-dot-size: var(--spacing-5);--timeline-dot-padding-inline-end: var(--spacing-5)} #main[data-ainote-landing] .timeline__nav-item{min-width:160px}} @media screen and (min-width:1000px){#main[data-ainote-landing] .timeline__slide{text-align:start;grid:auto / repeat(2,minmax(0,1fr));gap:0} #main[data-ainote-landing] .timeline__slide>.timeline__image-wrapper{padding-inline-end:16.5%} #main[data-ainote-landing] .timeline__slide>.prose{z-index:1;padding-inline-start:0;padding-inline-end:0;position:relative} #main[data-ainote-landing] .timeline__image{max-width:initial} #main[data-ainote-landing] .timeline__image-wrapper{position:relative} #main[data-ainote-landing] .timeline__controls{align-items:flex-start;gap:var(--spacing-10);display:flex} #main[data-ainote-landing] .timeline__controls.scroll-area{overflow:visible} #main[data-ainote-landing] .timeline__buttons{gap:var(--spacing-4);margin-block-start:calc(var(--spacing-6) * -1);display:flex} #main[data-ainote-landing] .timeline__nav{width:100%;min-width:auto;padding-block-start:0} #main[data-ainote-landing] .timeline__nav-item{min-width:auto}} @media screen and (min-width:1150px){#main[data-ainote-landing] .timeline__slide>.prose{padding-inline-end:16.5%} #main[data-ainote-landing] .timeline__content{gap:var(--spacing-8)}} @media screen and (min-width:1400px){#main[data-ainote-landing] .timeline__slide>.prose{max-width:85%}} #main[data-ainote-landing] .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden} #main[data-ainote-landing] :is(.sr-only[type=checkbox]:focus-visible+label,.sr-only[type=radio]:focus-visible+label){outline:2px solid highlight;outline:2px solid -webkit-focus-ring-color} #main[data-ainote-landing] .skip-to-content:focus-visible{z-index:9999;clip:auto;color:#fff;background:#000;width:auto;height:auto;padding:6px 12px;font-weight:700;overflow:auto} #main[data-ainote-landing] .tap-area{position:relative} #main[data-ainote-landing] .tap-area:before{content:"";inset:calc(-1 * var(--spacing-2-5));position:absolute} @media print{#main[data-ainote-landing] .print\:hidden{display:none}} @keyframes ainote-landing-translateFull{0%{transform:translate(0)}to{transform:translate(calc(-100% * var(--transform-logical-flip)))}} @keyframes ainote-landing-ping{0%{transform:scale(1)}to{transform:scale(.8)}} @media screen and (pointer:fine){#main[data-ainote-landing] .zoom-image--enabled .zoom-image{transform-origin:center;transition:transform 1.5s cubic-bezier(.22,1,.36,1)} #main[data-ainote-landing] .zoom-image--enabled .group:hover .zoom-image{transform:scale(1.06)}} #main[data-ainote-landing] .reveal{opacity:0} #main[data-ainote-landing] .reveal-invisible{opacity:0;visibility:hidden} @media(prefers-reduced-motion:no-preference){#main[data-ainote-landing] [reveal-js],#main[data-ainote-landing] [reveal-on-scroll=true]{opacity:0}} @media(scripting:none){#main[data-ainote-landing] [reveal-js],#main[data-ainote-landing] [reveal-on-scroll=true]{opacity:1}} @media(prefers-reduced-motion:no-preference){#main[data-ainote-landing] reveal-items{opacity:var(--stagger-products-reveal-opacity)}} @media(scripting:none){#main[data-ainote-landing] reveal-items{opacity:1}} #main[data-ainote-landing] .border{border-width:1px} #main[data-ainote-landing] .border-x{border-left-width:1px;border-right-width:1px} #main[data-ainote-landing] .border-y{border-block-start-width:1px;border-block-end-width:1px} #main[data-ainote-landing] .border-t{border-top-width:1px} #main[data-ainote-landing] .border-b{border-bottom-width:1px} #main[data-ainote-landing] .border-s{border-block-start-width:1px} #main[data-ainote-landing] .border-e{border-block-end-width:1px} #main[data-ainote-landing] .divide-x>:not([hidden])~:not([hidden]){border-inline-start-width:1px} #main[data-ainote-landing] .divide-y>:not([hidden])~:not([hidden]){border-block-start-width:1px} #main[data-ainote-landing] .ring{box-shadow:0 0 0 1px rgb(var(--text-color) / .12)} #main[data-ainote-landing] .ring-current{box-shadow:0 0 0 1px rgb(var(--text-color))} #main[data-ainote-landing] .ring-inset{box-shadow:inset 0 0 0 1px rgb(var(--text-color) / .12)} #main[data-ainote-landing] .rounded-xs{border-radius:var(--rounded-xs)} #main[data-ainote-landing] .rounded-sm{border-radius:var(--rounded-sm)} #main[data-ainote-landing] .rounded{border-radius:var(--rounded)} #main[data-ainote-landing] .rounded-lg{border-radius:var(--rounded-lg)} #main[data-ainote-landing] .rounded-full{border-radius:var(--rounded-full)} #main[data-ainote-landing] .text-custom{color:rgb(var(--text-color))} #main[data-ainote-landing] .text-accent{color:rgb(var(--accent))} #main[data-ainote-landing] .text-success{color:rgb(var(--success-text))} #main[data-ainote-landing] .text-warning{color:rgb(var(--warning-text))} #main[data-ainote-landing] .text-error{color:rgb(var(--error-text))} #main[data-ainote-landing] .text-subdued{color:rgb(var(--text-color) / .7)} #main[data-ainote-landing] .text-on-sale{color:rgb(var(--on-sale-text))} #main[data-ainote-landing] .text-stroke{-webkit-text-stroke:1px currentColor;-webkit-text-fill-color:transparent} #main[data-ainote-landing] .text-gradient{background-image:var(--gradient);color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text} #main[data-ainote-landing] .text-stroke.text-gradient{color:rgb(var(--background));-webkit-text-stroke-color:transparent;-webkit-text-fill-color:unset} #main[data-ainote-landing] .bg-custom{background:rgb(var(--background))} #main[data-ainote-landing] .bg-gradient{background-image:var(--gradient)} #main[data-ainote-landing] .bg-text{background:rgb(var(--text-color))} #main[data-ainote-landing] .bg-error{background:rgb(var(--error-background))} #main[data-ainote-landing] .bg-success{background:rgb(var(--success-background))} #main[data-ainote-landing] .bg-warning{background:rgb(var(--warning-background))} #main[data-ainote-landing] .bg-secondary{background:rgb(var(--text-color) / .05)} #main[data-ainote-landing] .opacity-0{opacity:0} #main[data-ainote-landing] .backdrop-blur{-webkit-backdrop-filter:blur(var(--backdrop-blur, 0px));backdrop-filter:blur(var(--backdrop-blur, 0px))} #main[data-ainote-landing] .filter-invert{filter:invert()} #main[data-ainote-landing] .shadow-sm{filter:drop-shadow(var(--shadow-sm))} #main[data-ainote-landing] .shadow{filter:drop-shadow(var(--shadow))} #main[data-ainote-landing] .shadow-md{filter:drop-shadow(var(--shadow-md))} #main[data-ainote-landing] .shadow-block{box-shadow:var(--shadow-block)} #main[data-ainote-landing] .cross-fade{display:block} #main[data-ainote-landing] .cross-fade>*{transition:opacity .2s ease-in-out} #main[data-ainote-landing] .cross-fade>:last-child{display:none} @media screen and (pointer:fine){#main[data-ainote-landing] .cross-fade>:last-child{opacity:0;display:block} #main[data-ainote-landing] .cross-fade:hover>:first-child{opacity:0} #main[data-ainote-landing] .cross-fade:hover>:last-child{opacity:1}} #main[data-ainote-landing] .pointer-events-none{pointer-events:none} #main[data-ainote-landing] .scroll-area{scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;overflow:auto hidden} #main[data-ainote-landing] .scroll-area::-webkit-scrollbar{display:none} #main[data-ainote-landing] .snap-start{scroll-snap-align:start;scroll-snap-stop:always} #main[data-ainote-landing] .snap-center{scroll-snap-align:center;scroll-snap-stop:always} #main[data-ainote-landing] :not(.is-scrollable)~.peer-not-scrollable\:hidden,#main[data-ainote-landing] .hidden,#main[data-ainote-landing] .empty\:hidden:empty{display:none} #main[data-ainote-landing] .inline-block{display:inline-block} #main[data-ainote-landing] .block{display:block} #main[data-ainote-landing] .contents{display:contents} @media screen and (min-width:700px){#main[data-ainote-landing] .sm\:hidden{display:none} #main[data-ainote-landing] .sm\:block{display:block} #main[data-ainote-landing] .sm\:flex{display:flex} #main[data-ainote-landing] .sm\:grid{display:grid} #main[data-ainote-landing] .sm\:table-cell{display:table-cell} #main[data-ainote-landing] .sm\:contents{display:contents}} @media screen and (min-width:1000px){#main[data-ainote-landing] .md\:hidden{display:none} #main[data-ainote-landing] .md\:block{display:block} #main[data-ainote-landing] .md\:flex{display:flex} #main[data-ainote-landing] .md\:grid{display:grid} #main[data-ainote-landing] .md\:table-cell{display:table-cell} #main[data-ainote-landing] .md\:contents{display:contents}} @media screen and (min-width:1150px){#main[data-ainote-landing] .lg\:hidden{display:none} #main[data-ainote-landing] .lg\:block{display:block} #main[data-ainote-landing] .lg\:flex{display:flex} #main[data-ainote-landing] .lg\:grid{display:grid} #main[data-ainote-landing] .lg\:table-cell{display:table-cell} #main[data-ainote-landing] .lg\:contents{display:contents}} @media screen and (min-width:1400px){#main[data-ainote-landing] .xl\:hidden{display:none} #main[data-ainote-landing] .xl\:block{display:block} #main[data-ainote-landing] .xl\:flex{display:flex} #main[data-ainote-landing] .xl\:grid{display:grid} #main[data-ainote-landing] .xl\:table-cell{display:table-cell} #main[data-ainote-landing] .xl\:contents{display:contents}} @media screen and (min-width:1600px){#main[data-ainote-landing] .\32xl\:hidden{display:none} #main[data-ainote-landing] .\32xl\:block{display:block} #main[data-ainote-landing] .\32xl\:flex{display:flex} #main[data-ainote-landing] .\32xl\:grid{display:grid} #main[data-ainote-landing] .\32xl\:table-cell{display:table-cell} #main[data-ainote-landing] .\32xl\:contents{display:contents}} @media screen and (max-width:699px){#main[data-ainote-landing] .sm-max\:hidden{display:none}} @media screen and (max-width:999px){#main[data-ainote-landing] .md-max\:hidden{display:none}} @media screen and (max-width:1149px){#main[data-ainote-landing] .lg-max\:hidden{display:none}} @media screen and (max-width:1399px){#main[data-ainote-landing] .xl-max\:hidden{display:none}} @media screen and (max-width:1599px){#main[data-ainote-landing] .\32xl-max\:hidden{display:none}} @media screen and (pointer:fine){#main[data-ainote-landing] .pointer-fine\:hidden{display:none} #main[data-ainote-landing] .pointer-fine\:block{display:block}} @media not screen and (pointer:fine){#main[data-ainote-landing] .pointer-coarse\:hidden{display:none} #main[data-ainote-landing] .pointer-coarse\:block{display:block}} @media(prefers-reduced-motion:reduce){#main[data-ainote-landing] .motion-reduce\:hidden{display:none} #main[data-ainote-landing] .motion-reduce\:block{display:block}} #main[data-ainote-landing] .invisible{visibility:hidden} #main[data-ainote-landing] .relative{position:relative} #main[data-ainote-landing] .wrap{flex-wrap:wrap} #main[data-ainote-landing] .grow{flex-grow:1} #main[data-ainote-landing] .shrink-0{flex-shrink:0} #main[data-ainote-landing] .text-start{text-align:start} #main[data-ainote-landing] .text-center{text-align:center} #main[data-ainote-landing] .text-end{text-align:end} #main[data-ainote-landing] .justify-start{justify-content:start} #main[data-ainote-landing] .justify-center{justify-content:safe center} #main[data-ainote-landing] .justify-end{justify-content:end} #main[data-ainote-landing] .justify-between{justify-content:space-between} #main[data-ainote-landing] .justify-evenly{justify-content:space-evenly} #main[data-ainote-landing] .justify-self-start{justify-self:start} #main[data-ainote-landing] .justify-self-center{justify-self:center} #main[data-ainote-landing] .justify-self-end{justify-self:end} #main[data-ainote-landing] .justify-items-start{justify-items:start} #main[data-ainote-landing] .justify-items-center{justify-items:safe center} #main[data-ainote-landing] .justify-items-end{justify-items:end} #main[data-ainote-landing] .align-start{align-items:start} #main[data-ainote-landing] .align-center{align-items:center} #main[data-ainote-landing] .align-end{align-items:end} #main[data-ainote-landing] .align-self-start{align-self:start} #main[data-ainote-landing] .align-self-center{align-self:center} #main[data-ainote-landing] .align-self-end{align-self:end} #main[data-ainote-landing] .align-self-stretch{align-self:stretch} #main[data-ainote-landing] .place-self-start{place-self:start} #main[data-ainote-landing] .place-self-start-center{place-self:start center} #main[data-ainote-landing] .place-self-start-end{place-self:start end} #main[data-ainote-landing] .place-self-center{place-self:center} #main[data-ainote-landing] .place-self-center-start{place-self:center start} #main[data-ainote-landing] .place-self-center-end{place-self:center end} #main[data-ainote-landing] .place-self-end{place-self:end} #main[data-ainote-landing] .place-self-end-start{place-self:end start} #main[data-ainote-landing] .place-self-end-center{place-self:end center} @media screen and (min-width:700px){#main[data-ainote-landing] .sm\:text-start{text-align:start} #main[data-ainote-landing] .sm\:text-center{text-align:center} #main[data-ainote-landing] .sm\:text-end{text-align:end} #main[data-ainote-landing] .sm\:place-self-start{place-self:start} #main[data-ainote-landing] .sm\:place-self-start-center{place-self:start center} #main[data-ainote-landing] .sm\:place-self-start-end{place-self:start end} #main[data-ainote-landing] .sm\:place-self-center{place-self:center} #main[data-ainote-landing] .sm\:place-self-center-start{place-self:center start} #main[data-ainote-landing] .sm\:place-self-center-end{place-self:center end} #main[data-ainote-landing] .sm\:place-self-end{place-self:end} #main[data-ainote-landing] .sm\:place-self-end-start{place-self:end start} #main[data-ainote-landing] .sm\:place-self-end-center{place-self:end center} #main[data-ainote-landing] .sm\:justify-items-center{justify-items:safe center}} #main[data-ainote-landing] .align-top{vertical-align:top} #main[data-ainote-landing] .align-center{vertical-align:middle} #main[data-ainote-landing] .align-bottom{vertical-align:bottom} #main[data-ainote-landing] .w-full{width:100%} #main[data-ainote-landing] .h-full{height:100%} #main[data-ainote-landing] .w-0{width:0} #main[data-ainote-landing] .min-w-full{min-width:100%} #main[data-ainote-landing] .min-h-full{min-height:100%} #main[data-ainote-landing] .mx-auto{margin-inline-start:auto;margin-inline-end:auto} #main[data-ainote-landing] .my-auto{margin-block-start:auto;margin-block-end:auto} #main[data-ainote-landing] .aspect-short{aspect-ratio:4 / 3} #main[data-ainote-landing] .aspect-tall{aspect-ratio:2 / 3} #main[data-ainote-landing] .aspect-square{aspect-ratio:1} #main[data-ainote-landing] .aspect-video{aspect-ratio:16 / 9} #main[data-ainote-landing] .aspect-video iframe{width:100%;height:100%} #main[data-ainote-landing] .gap-0\.5{gap:var(--spacing-0-5)} #main[data-ainote-landing] .gap-1{gap:var(--spacing-1)} #main[data-ainote-landing] .gap-1\.5{gap:var(--spacing-1-5)} #main[data-ainote-landing] .gap-2{gap:var(--spacing-2)} #main[data-ainote-landing] .gap-2\.5{gap:var(--spacing-2-5)} #main[data-ainote-landing] .gap-3{gap:var(--spacing-3)} #main[data-ainote-landing] .gap-3\.5{gap:var(--spacing-3-5)} #main[data-ainote-landing] .gap-4{gap:var(--spacing-4)} #main[data-ainote-landing] .gap-4\.5{gap:var(--spacing-4-5)} #main[data-ainote-landing] .gap-5{gap:var(--spacing-5)} #main[data-ainote-landing] .gap-5\.5{gap:var(--spacing-5-5)} #main[data-ainote-landing] .gap-6{gap:var(--spacing-6)} #main[data-ainote-landing] .gap-8{gap:var(--spacing-8)} #main[data-ainote-landing] .gap-10{gap:var(--spacing-10)} #main[data-ainote-landing] .gap-12{gap:var(--spacing-12)} @media screen and (min-width:700px){#main[data-ainote-landing] .sm\:gap-0\.5{gap:var(--spacing-0-5)} #main[data-ainote-landing] .sm\:gap-1{gap:var(--spacing-1)} #main[data-ainote-landing] .sm\:gap-1\.5{gap:var(--spacing-1-5)} #main[data-ainote-landing] .sm\:gap-2{gap:var(--spacing-2)} #main[data-ainote-landing] .sm\:gap-2\.5{gap:var(--spacing-2-5)} #main[data-ainote-landing] .sm\:gap-3{gap:var(--spacing-3)} #main[data-ainote-landing] .sm\:gap-3\.5{gap:var(--spacing-3-5)} #main[data-ainote-landing] .sm\:gap-4{gap:var(--spacing-4)} #main[data-ainote-landing] .sm\:gap-4\.5{gap:var(--spacing-4-5)} #main[data-ainote-landing] .sm\:gap-5{gap:var(--spacing-5)} #main[data-ainote-landing] .sm\:gap-5\.5{gap:var(--spacing-5-5)} #main[data-ainote-landing] .sm\:gap-6{gap:var(--spacing-6)} #main[data-ainote-landing] .sm\:gap-8{gap:var(--spacing-8)} #main[data-ainote-landing] .sm\:gap-10{gap:var(--spacing-10)} #main[data-ainote-landing] .sm\:gap-12{gap:var(--spacing-12)}} #main[data-ainote-landing] .overflow-hidden{overflow:hidden} #main[data-ainote-landing] .object-fill{width:100%;height:100%;position:absolute;top:0} #main[data-ainote-landing] .object-fill:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0} #main[data-ainote-landing] .object-fill:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0} #main[data-ainote-landing] .object-fill,#main[data-ainote-landing] .object-fill-safe,#main[data-ainote-landing] .object-cover{object-fit:cover;object-position:center} #main[data-ainote-landing] .object-contain{object-fit:contain;object-position:center} #main[data-ainote-landing] .placeholder{background:rgb(var(--text-primary) / .3);fill:rgb(var(--text-primary) / .7);color:rgb(var(--text-primary) / .7);display:block} #main[data-ainote-landing] .bold{font-weight:700} #main[data-ainote-landing] .text-xxs{font-size:10px;line-height:1.7} #main[data-ainote-landing] .text-xs{font-size:var(--text-xs);line-height:1.7} #main[data-ainote-landing] .text-sm{font-size:var(--text-sm);line-height:1.6} #main[data-ainote-landing] .text-base{font-size:var(--text-base);line-height:1.6} #main[data-ainote-landing] .text-lg{font-size:var(--text-lg);line-height:1.6} #main[data-ainote-landing] .subheading{font-weight:700} #main[data-ainote-landing] .heading,#main[data-ainote-landing] .h0,#main[data-ainote-landing] .h1,#main[data-ainote-landing] .h2,#main[data-ainote-landing] .h3,#main[data-ainote-landing] .h4,#main[data-ainote-landing] .h5,#main[data-ainote-landing] .h6,#main[data-ainote-landing] .prose :is(h1,h2,h3,h4,h5,h6){font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);overflow-wrap:anywhere} #main[data-ainote-landing] .h0{font-size:var(--text-h0);line-height:1} #main[data-ainote-landing] .h1,#main[data-ainote-landing] .prose h1:not(.h0,.h1,.h2,.h3,.h4,.h5,.h6){font-size:var(--text-h1);line-height:1.1} #main[data-ainote-landing] .h2,#main[data-ainote-landing] .prose h2:not(.h0,.h1,.h2,.h3,.h4,.h5,.h6){font-size:var(--text-h2);line-height:1.1} #main[data-ainote-landing] .h3,#main[data-ainote-landing] .prose h3:not(.h0,.h1,.h2,.h3,.h4,.h5,.h6){font-size:var(--text-h3);line-height:1.2} #main[data-ainote-landing] .h4,#main[data-ainote-landing] .prose h4:not(.h0,.h1,.h2,.h3,.h4,.h5,.h6){font-size:var(--text-h4);line-height:1.3} #main[data-ainote-landing] .h5,#main[data-ainote-landing] .prose h5:not(.h0,.h1,.h2,.h3,.h4,.h5,.h6){font-size:var(--text-h5);line-height:1.4} #main[data-ainote-landing] .h6,#main[data-ainote-landing] .prose h6:not(.h0,.h1,.h2,.h3,.h4,.h5,.h6){font-size:var(--text-h6);line-height:1.4} @media screen and (min-width:700px){#main[data-ainote-landing] .sm\:text-xxs{font-size:10px;line-height:1.7} #main[data-ainote-landing] .sm\:text-xs{font-size:var(--text-xs);line-height:1.7} #main[data-ainote-landing] .sm\:text-sm{font-size:var(--text-sm);line-height:1.6} #main[data-ainote-landing] .sm\:text-base{font-size:var(--text-base);line-height:1.6} #main[data-ainote-landing] .sm\:text-lg{font-size:var(--text-lg);line-height:1.6} #main[data-ainote-landing] .sm\:h0{font-size:var(--text-h0);line-height:1} #main[data-ainote-landing] .sm\:h1{font-size:var(--text-h1);line-height:1.1} #main[data-ainote-landing] .sm\:h2{font-size:var(--text-h2);line-height:1.1} #main[data-ainote-landing] .sm\:h3{font-size:var(--text-h3);line-height:1.2} #main[data-ainote-landing] .sm\:h4{font-size:var(--text-h4);line-height:1.3} #main[data-ainote-landing] .sm\:h5{font-size:var(--text-h5);line-height:1.4} #main[data-ainote-landing] .sm\:h6{font-size:var(--text-h6);line-height:1.4}} #main[data-ainote-landing] .line-through{text-decoration:line-through} #main[data-ainote-landing] .break-all{overflow-wrap:anywhere} #main[data-ainote-landing] .hyphenate{-webkit-hyphens:auto;hyphens:auto} #main[data-ainote-landing] .truncate-text{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden} #main[data-ainote-landing] .line-clamp{-webkit-line-clamp:var(--line-clamp-count, 2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden} #main[data-ainote-landing] .shopify-section--main-article .article-banner__image{display:none} #main[data-ainote-landing].an2-page{--an2-nav-height: 80px;--ainote-font-display: var(--heading-font-family);background:#f5f6f9} #main[data-ainote-landing].an2-page .ainote-header[allow-transparency]:not(.is-filled):not(:has(.header__main-nav [open]:not([data-closing]))) .header__wrapper{border-bottom:.5px solid rgba(255,255,255,.5);background:#ffffff0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} #main[data-ainote-landing].an2-page #main>.shopify-section{margin-block:0} #main[data-ainote-landing] .an2-section,#main[data-ainote-landing] .ainote-product-section{margin:0;min-width:0} #main[data-ainote-landing] .an2{--an2-ink: #1a1847;--an2-blue: #0878ff;--an2-paper: #f5f6f9;display:block;color:var(--an2-ink);background:var(--an2-paper);font-family:var(--text-font-family);font-size:calc((16px) * var(--an-type-body, 1));font-weight:300;line-height:1.6} #main[data-ainote-landing] .an2 *,#main[data-ainote-landing] .an2 *:before,#main[data-ainote-landing] .an2 *:after{box-sizing:border-box;letter-spacing:0} #main[data-ainote-landing] .an2 :is(h1,h2,h3,p){margin:0} #main[data-ainote-landing] .an2 :is(h1,h2,h3,h4,h5,h6){font-family:var(--heading-font-family)} #main[data-ainote-landing] .an2 :is(h1,h2,h3){font-weight:500;line-height:1.15;text-transform:none} #main[data-ainote-landing] .an2 h1,#main[data-ainote-landing] .an2 h2{font-size:calc((clamp(38px,4.03vw,58px)) * var(--an-type-heading, 1))} #main[data-ainote-landing] .an2 h3{font-size:calc((32px) * var(--an-type-subheading, 1))} #main[data-ainote-landing] .an2 [hidden],#main[data-ainote-landing] .an2-dialog[hidden]{display:none!important} #main[data-ainote-landing] .an2 a{text-decoration:none} #main[data-ainote-landing] .an2 :focus-visible,#main[data-ainote-landing] .an2-dialog :focus-visible{outline:2px solid #0878ff;outline-offset:4px} #main[data-ainote-landing] .an2[id],#main[data-ainote-landing] .an2 [id],#main[data-ainote-landing] #ainote-comparison{scroll-margin-top:calc(var(--header-height, 80px) + var(--an2-nav-height) + 24px)} #main[data-ainote-landing] .an2-wrap{width:min(83.333333%,var(--container-max-width, 1200px));margin-inline:auto} #main[data-ainote-landing] .an2-heading{text-align:center;margin-bottom:64px} #main[data-ainote-landing] .an2-heading h2{max-width:1100px;margin-inline:auto} #main[data-ainote-landing] .an2-heading p{max-width:900px;margin:28px auto 0;color:#666;font-weight:400} #main[data-ainote-landing] .an2-heading .an2-button{margin-top:32px} #main[data-ainote-landing] .an2-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:12px 38px;border:1px solid #0878ff;border-radius:2px;color:#fff;background:#0878ff;font-family:var(--text-font-family);font-size:calc((20px) * var(--an-type-button, 1));font-weight:400;line-height:1.2;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease} #main[data-ainote-landing] .an2-button:hover{background:#005bc7;border-color:#005bc7;color:#fff} #main[data-ainote-landing] .an2-button--glass{border-radius:4px;border:.5px solid rgba(255,255,255,.8);background:#0000002e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} #main[data-ainote-landing] .an2-button--outline{background:#f5f6f9;color:#0878ff} #main[data-ainote-landing] .an2-button img{width:24px;height:24px;object-fit:contain;transition:filter .2s ease,transform .2s ease} #main[data-ainote-landing] .an2-button:hover img{filter:brightness(0) invert(1);transform:translate(3px)} #main[data-ainote-landing] .an2-button--outline:hover img{transform:none} #main[data-ainote-landing] .an2-media{overflow:hidden;background:var(--an2-placeholder, #e1e3e8)} #main[data-ainote-landing] .an2-media picture,#main[data-ainote-landing] .an2-media img{display:block;width:100%;height:100%} #main[data-ainote-landing] .an2-media img{object-fit:cover} #main[data-ainote-landing] .an2-mobile-copy{display:none} #main[data-ainote-landing] .an2-hero{position:relative;min-height:calc(100svh - var(--announcement-bar-height, 0px));margin-top:calc(-1 * var(--header-height, 80px));padding-top:calc(var(--header-height, 80px) + 64px);padding-bottom:32px;color:#fff} #main[data-ainote-landing] .an2-hero__backdrop.an2-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#000} #main[data-ainote-landing] .an2-hero__backdrop.an2-media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#000,#666);opacity:.35;pointer-events:none} #main[data-ainote-landing] .an2-hero__backdrop.an2-media:after{content:"";position:absolute;inset-inline:0;bottom:0;z-index:1;height:166px;background:linear-gradient(to bottom,transparent,#000);opacity:.58;pointer-events:none} #main[data-ainote-landing] .an2-hero__backdrop.an2-media picture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%} #main[data-ainote-landing] .an2-hero__backdrop.an2-media picture img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center} #main[data-ainote-landing] .an2-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center bottom} #main[data-ainote-landing] .an2-hero__video[data-an2-video=mobile]{display:none} @media(max-width:749px){#main[data-ainote-landing] .an2-hero__backdrop.an2-media:after{height:88px} #main[data-ainote-landing] .an2-hero__image--desktop,#main[data-ainote-landing] .an2-hero__video[data-an2-video=desktop]{display:none} #main[data-ainote-landing] .an2-hero__video[data-an2-video=mobile]{display:block}} #main[data-ainote-landing] .an2-hero__video-toggle{gap:8px;padding-inline:40px;font-weight:700} #main[data-ainote-landing] .an2-hero__video-toggle svg{flex:0 0 20px;width:20px;height:20px} #main[data-ainote-landing] .an2-hero__video-toggle[data-playing=true] .an2-hero__play-icon,#main[data-ainote-landing] .an2-hero__video-toggle[data-playing=false] .an2-hero__pause-icon{display:none} #main[data-ainote-landing] .an2-hero__copy{position:relative;z-index:1;text-align:center} #main[data-ainote-landing] .an2-hero__name{width:fit-content;margin-inline:auto!important;font-size:calc((26px) * var(--an-type-eyebrow, 1));font-weight:500;margin-bottom:24px!important;background:linear-gradient(98deg,#6dabff -7.86%,#fff 67.9%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent} #main[data-ainote-landing] .an2-hero h1{max-width:1140px;margin-inline:auto} #main[data-ainote-landing] .an2-hero__description{margin:24px auto 0!important;max-width:900px;color:#ffffffb3;font-weight:400} #main[data-ainote-landing] .an2-actions{display:flex;justify-content:center;gap:20px;margin-top:48px} #main[data-ainote-landing] .an2-hero .an2-button--glass img,#main[data-ainote-landing] .an2-hero .an2-button--glass:hover img{filter:none;transform:none;transition:none} #main[data-ainote-landing] .an2-nav-slot{height:var(--an2-nav-height, 80px)} #main[data-ainote-landing] .an2-nav{height:var(--an2-nav-height, 80px);background:#fff;z-index:8} #main[data-ainote-landing] .an2-nav.is-sticky{position:fixed;top:calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--header-is-visible, 1) * var(--sticky-header-enabled, 0) * var(--header-height, 0px));inset-inline:0} #main[data-ainote-landing] .an2-nav nav{display:flex;height:100%;align-items:center;justify-content:space-between;gap:32px} #main[data-ainote-landing] .an2-nav__title{font-size:calc((24px) * var(--an-type-nav_title, 1));font-weight:600} #main[data-ainote-landing] .an2-nav__links{display:flex;align-items:center;gap:40px;font-size:calc((14px) * var(--an-type-nav, 1))} #main[data-ainote-landing] .an2-nav__links a{position:relative;padding-block:12px;white-space:nowrap;transition:color .18s ease} #main[data-ainote-landing] .an2-nav__links a:after{content:"";position:absolute;inset-inline-start:0;bottom:8px;width:0;height:1px;background:currentColor;transition:width .2s ease} #main[data-ainote-landing] .an2-nav__links a:hover:after{width:100%} #main[data-ainote-landing] .an2-nav__links a:hover,#main[data-ainote-landing] .an2-nav__links [aria-current]{color:#0878ff} #main[data-ainote-landing] .an2-feature{background:var(--an2-section-bg, #f5f6f9);padding-top:120px;overflow:hidden} #main[data-ainote-landing] .an2-feature__media{height:min(42vw,600px)} #main[data-ainote-landing] .an2-feature--overview{padding-bottom:120px} #main[data-ainote-landing] .an2-feature--overview .an2-feature__media{width:min(83.3333%,var(--container-max-width, 1200px));height:485px;margin-inline:auto} #main[data-ainote-landing] .an2-overview-media{display:block;position:relative;overflow:hidden;isolation:isolate} #main[data-ainote-landing] .an2-overview-media__trajectory,#main[data-ainote-landing] .an2-overview-media__device{position:absolute;display:block;object-fit:contain} #main[data-ainote-landing] .an2-overview-media__trajectory{z-index:-1;top:50%;left:50%;width:1082.625px;height:auto;max-width:calc(100% - 32px);transform:translate(-50%,-50%);pointer-events:none} #main[data-ainote-landing] .an2-overview-stroke__path{visibility:hidden;stroke-dasharray:1.001;stroke-dashoffset:1.001} #main[data-ainote-landing] [data-overview-stroke].is-stroke-ready:not(.is-stroke-complete) .an2-overview-stroke__art{-webkit-mask:var(--stroke-mask);mask:var(--stroke-mask)} #main[data-ainote-landing] [data-overview-stroke].is-stroke-started:not(.is-stroke-complete) .an2-overview-stroke__path{animation:ainote-landing-an2-overview-stroke-draw var(--stroke-duration) linear var(--stroke-delay) forwards} @keyframes ainote-landing-an2-overview-stroke-draw{0%{visibility:visible;stroke-dashoffset:1.001}to{visibility:visible;stroke-dashoffset:0}} #main[data-ainote-landing] .an2-overview-media__device{z-index:0;top:50%;left:50%;width:647px;height:485px;max-width:100%;transform:translate(-50%,-50%)} #main[data-ainote-landing] an2-overview{display:block} #main[data-ainote-landing] an2-overview.is-scroll-driven>:is(.an2-overview-media__device,.air2-overview-media__device){opacity:var(--overview-progress, 1);translate:0 calc(56px * (1 - var(--overview-progress, 1)));scale:calc(.82 + .18 * var(--overview-progress, 1));filter:blur(calc(12px * (1 - var(--overview-progress, 1))));transition:none} #main[data-ainote-landing] an2-overview.is-scroll-driven>.an2-overview-media__device{transform-origin:0 0} @media(prefers-reduced-motion:reduce){#main[data-ainote-landing] an2-overview.is-scroll-driven>:is(.an2-overview-media__device,.air2-overview-media__device){opacity:1;translate:none;scale:none;filter:none;transition:none} #main[data-ainote-landing] [data-overview-stroke].is-stroke-ready:not(.is-stroke-complete) .an2-overview-stroke__art{-webkit-mask:none;mask:none} #main[data-ainote-landing] [data-overview-stroke].is-stroke-started:not(.is-stroke-complete) .an2-overview-stroke__path{animation:none}} #main[data-ainote-landing] .an2-feature--overview .an2-heading h2{max-width:1000px} #main[data-ainote-landing] .an2-feature--overview .an2-heading p{max-width:920px;padding-inline:20px;font-size:calc((20px) * var(--an-type-body, 1));line-height:1.5} #main[data-ainote-landing] .an2-feature--writing{background:#e2e5e8 var(--ainote-asset-1134b58bb292) center / cover no-repeat} #main[data-ainote-landing] .an2-feature--writing .an2-feature__media{height:min(39vw,560px)} #main[data-ainote-landing] .an2-feature--writing .an2-heading{margin-bottom:64px} #main[data-ainote-landing] .an2-feature--writing .an2-heading p{max-width:740px} #main[data-ainote-landing] .an2-feature__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:60px} #main[data-ainote-landing] .an2-feature--writing .an2-feature__facts{position:relative;z-index:1;isolation:isolate;margin-top:-116px;padding:32px 60px;background:transparent} #main[data-ainote-landing] .an2-feature--writing .an2-feature__facts:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:50%;width:100vw;transform:translate(-50%);background:#e2e5e8eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)} #main[data-ainote-landing] .an2-feature__fact{text-align:center;padding-inline:30px} #main[data-ainote-landing] .an2-feature__fact+.an2-feature__fact{border-left:1px solid #03142a1a} #main[data-ainote-landing] .an2-feature__icon{display:inline-flex;width:60px;height:60px;margin-bottom:24px} #main[data-ainote-landing] .an2-feature__icon img{display:block;width:60px;height:60px;object-fit:contain} #main[data-ainote-landing] .an2-feature__fact h3{color:#1a1847;font:400 calc(24px * var(--an-type-subheading, 1))/normal var(--text-font-family)} #main[data-ainote-landing] .an2-feature__fact p{margin-top:8px;color:#666;font:400 calc(12px * var(--an-type-meta, 1))/normal var(--text-font-family)} #main[data-ainote-landing] .an2-feature--closing{color:#fff;padding-bottom:80px;background:#03142a} #main[data-ainote-landing] .an2-feature--closing .an2-heading{margin-bottom:40px} #main[data-ainote-landing] .an2-feature--closing .an2-heading h2{max-width:1000px} #main[data-ainote-landing] .an2-feature--closing .an2-feature__media{height:auto} #main[data-ainote-landing] .an2-closing-carousel{--an2-closing-width: 38.472222vw;--an2-closing-step: 72%;--an2-closing-center-gap: 8%;display:block;position:relative;background:transparent} #main[data-ainote-landing] .an2-closing-carousel__stage{position:relative;width:100%;height:calc(var(--an2-closing-width) * 620 / 554)} #main[data-ainote-landing] .an2 .an2-closing-caption{margin:8px auto 0;text-align:center;font-size:calc(24px * var(--an-type-subheading, 1));line-height:1.21875} #main[data-ainote-landing] .an2-closing-carousel__slide{position:absolute;top:50%;left:50%;z-index:var(--slide-layer, 0);display:block;width:var(--an2-closing-width);height:100%;padding:0;border:0;background:transparent;opacity:var(--slide-opacity, 0);pointer-events:none;transform:translate(-50%,-50%) translate(calc(var(--slide-position, 0) * var(--an2-closing-step) + var(--slide-side, 0) * var(--an2-closing-center-gap))) perspective(1200px) rotateY(var(--slide-angle, 0deg)) scale(var(--slide-scale, 1));transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s cubic-bezier(.22,1,.36,1)} #main[data-ainote-landing] .an2-closing-carousel__slide picture,#main[data-ainote-landing] .an2-closing-carousel__slide img{display:block;width:100%;height:100%} #main[data-ainote-landing] .an2-closing-carousel__slide img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none} #main[data-ainote-landing] .an2-closing-carousel__slide.is-visible{pointer-events:auto;cursor:pointer} #main[data-ainote-landing] .an2-closing-carousel__slide.is-active{--slide-opacity: 1;cursor:default} #main[data-ainote-landing] .an2-closing-carousel:not([data-ready]) .an2-closing-carousel__slide,#main[data-ainote-landing] .an2-closing-carousel__slide.is-repositioning{transition:none} #main[data-ainote-landing] .an2-workflow{padding-block:140px 120px} #main[data-ainote-landing] .an2-workflow__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:auto auto minmax(170px,1fr);column-gap:48px} #main[data-ainote-landing] .an2-workflow__copy{grid-column:1;grid-row:1} #main[data-ainote-landing] .an2-workflow__copy .ainote-circle{position:relative;display:inline-block;isolation:isolate;white-space:nowrap} #main[data-ainote-landing] .an2-workflow__copy .ainote-circle__mark{position:absolute;z-index:-1;top:58%;left:50%;display:block;width:calc(100% + .3em);max-width:none;height:1em;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none} #main[data-ainote-landing] .an2-eyebrow{color:#0878ff;font-weight:500;margin-bottom:24px!important} #main[data-ainote-landing] .an2-description{color:#666;font-weight:400;margin-top:24px!important} #main[data-ainote-landing] .an2-workflow__tabs{grid-column:1;grid-row:2;margin-block:76px 28px} #main[data-ainote-landing] .an2-tabs{display:flex;gap:32px} #main[data-ainote-landing] .an2-tabs button{position:relative;padding-bottom:14px;color:#666;font:400 calc(24px * var(--an-type-tab, 1))/1.2 var(--text-font-family);cursor:pointer;transition:color .18s ease} #main[data-ainote-landing] .an2-tabs button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#0878ff;transition:width .22s ease} #main[data-ainote-landing] .an2-tabs button[aria-selected=true]{color:#0878ff} #main[data-ainote-landing] .an2-tabs button[aria-selected=true]:after,#main[data-ainote-landing] .an2-tabs button:hover:after{width:100%} #main[data-ainote-landing] .an2-tabs--sliding{position:relative} #main[data-ainote-landing] .an2-tabs--sliding button:after{display:none} #main[data-ainote-landing] .an2-tabs__indicator{position:absolute;bottom:0;left:0;width:var(--air2-tab-width, 0px);height:2px;background:#0878ff;pointer-events:none;transform:translate(var(--air2-tab-x, 0px));transition:transform .34s cubic-bezier(.4,0,.2,1),width .34s cubic-bezier(.4,0,.2,1)} @media(prefers-reduced-motion:reduce){#main[data-ainote-landing] .an2-tabs__indicator{transition:none}} #main[data-ainote-landing] .an2-workflow__panel{display:contents} #main[data-ainote-landing] .an2-workflow__caption{grid-column:1;grid-row:3;color:#666;font-weight:400} #main[data-ainote-landing] .an2-workflow__media{grid-column:2;grid-row:1 / 4;min-height:640px;align-self:stretch;background:transparent} #main[data-ainote-landing] .an2-workflow__media--video{position:relative;border-radius:12px;overflow:hidden;isolation:isolate} #main[data-ainote-landing] .an2-workflow__media--video .an2-workflow__video{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover} #main[data-ainote-landing] .an2-workflow__video,#main[data-ainote-landing] .an2-autoplay-video{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none} #main[data-ainote-landing] .an2-autoplay-video{object-fit:cover;border-radius:inherit} #main[data-ainote-landing] .an2-feature__video-media{display:block} #main[data-ainote-landing] .an2-feature__video-media .an2-feature__video--mobile{display:none} @media(max-width:749px){#main[data-ainote-landing] .an2-feature__video-media .an2-feature__video--desktop{display:none} #main[data-ainote-landing] .an2-feature__video-media .an2-feature__video--mobile{display:block}} #main[data-ainote-landing] .an2-workflow__rows{display:grid;gap:80px;margin-top:120px} #main[data-ainote-landing] .an2-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:48px} #main[data-ainote-landing] .an2-split__copy{max-width:460px} #main[data-ainote-landing] .an2-split__copy p{margin-top:22px;color:#666;font-weight:400;max-width:415px} #main[data-ainote-landing] .an2-split__copy .an2-button{margin-top:26px} #main[data-ainote-landing] .an2-split__media{width:100%;aspect-ratio:1;border-radius:10px} #main[data-ainote-landing] .an2-split--reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)} #main[data-ainote-landing] .an2-split--reverse .an2-split__media{grid-column:1;grid-row:1} #main[data-ainote-landing] .an2-split--reverse .an2-split__copy{grid-column:2;justify-self:end} #main[data-ainote-landing] .an2-carousel{padding-block:120px;overflow:hidden} #main[data-ainote-landing] .an2-carousel--industries{background:#e2e5e8 var(--ainote-asset-1134b58bb292) center / cover no-repeat} #main[data-ainote-landing] .an2-carousel__track{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:max(8.333333%,calc((100% - var(--container-max-width, 1200px)) / 2));scroll-padding-inline-start:max(8.333333vw,calc((100vw - var(--container-max-width, 1200px)) / 2))} #main[data-ainote-landing] .an2-carousel__track::-webkit-scrollbar{display:none} #main[data-ainote-landing] .an2-card{position:relative;flex:0 0 min(41.666667vw,600px);min-width:0;overflow:hidden;border-radius:10px;scroll-snap-align:start;background:var(--an2-placeholder)} #main[data-ainote-landing] .an2-card__media{display:block;aspect-ratio:1} #main[data-ainote-landing] .an2-card__video-frame{width:100%;height:100%;overflow:hidden;border-radius:10px} #main[data-ainote-landing] .an2-card__video-frame .an2-autoplay-video{width:100%;height:100%;max-height:none;object-fit:cover} #main[data-ainote-landing] .an2-carousel--industries .an2-card__copy{position:absolute;bottom:0;inset-inline:0;padding:100px 52px 56px;color:#fff;background:linear-gradient(180deg,transparent,#000c)} #main[data-ainote-landing] .an2-card__copy p{margin-top:16px;font-weight:400} #main[data-ainote-landing] .an2-carousel--industries .an2-card:has(.an2-card__link) .an2-card__copy{padding-right:128px} #main[data-ainote-landing] .an2-card__link{position:absolute;z-index:3;right:52px;bottom:70px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;color:#1a1847;background:#f5f6f9;cursor:pointer;transition:right .6s cubic-bezier(.22,1,.36,1),bottom .6s cubic-bezier(.22,1,.36,1),color .2s ease,background-color .2s ease} #main[data-ainote-landing] .an2-card__toggle-icon{display:block;width:32px;height:32px;transform:rotate(0);transition:width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1)} #main[data-ainote-landing] .an2-card__link:hover{color:#fff;background:#0878ff} #main[data-ainote-landing] .an2-card__detail-panel{display:none} @media(min-width:750px){#main[data-ainote-landing] .an2-carousel--industries .an2-carousel__track:is(.is-resizing,:has(.is-expanded)){scroll-snap-type:none;overflow-anchor:none} #main[data-ainote-landing] .an2-carousel--industries .an2-card{height:min(41.666667vw,600px);transition:flex-basis .65s cubic-bezier(.333333,1,.666667,1),box-shadow .42s ease} #main[data-ainote-landing] .an2-carousel--industries .an2-card.is-expanded{flex-basis:min(62.5vw,900px);box-shadow:0 18px 42px #03142a29} #main[data-ainote-landing] .an2-carousel--industries .an2-card__media{height:100%;aspect-ratio:auto} #main[data-ainote-landing] .an2-carousel--industries .an2-card__media img{transform:scale(1);filter:brightness(1);transition:transform .8s cubic-bezier(.22,1,.36,1),filter .5s ease} #main[data-ainote-landing] .an2-carousel--industries .an2-card.is-expanded .an2-card__media img{transform:scale(1.035);filter:brightness(.82)} #main[data-ainote-landing] .an2-carousel--industries .an2-card__copy{transition:opacity .26s ease,transform .42s cubic-bezier(.22,1,.36,1)} #main[data-ainote-landing] .an2-carousel--industries .an2-card.is-expanded .an2-card__copy{opacity:0;transform:translateY(16px);pointer-events:none} #main[data-ainote-landing] .an2-carousel--industries .an2-card__detail-panel{position:absolute;z-index:2;right:32px;bottom:32px;left:32px;display:block;height:auto;min-height:min(240px,calc(100% - 64px));max-height:calc(100% - 64px);padding:28px 112px 28px 24px;overflow:auto;border-radius:10px;color:#1a1847;background:#f5f6f9f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;clip-path:inset(100% 0 0 0 round 10px);transform:translateY(18px);pointer-events:none;transition:opacity .28s ease 40ms,clip-path .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)} #main[data-ainote-landing] .an2-carousel--industries .an2-card__detail-panel h3{font-size:calc((20px) * var(--an-type-detail, 1));font-weight:600} #main[data-ainote-landing] .an2-carousel--industries .an2-card__detail-description{max-width:650px;margin-top:24px;color:#1a1847;font-size:calc((20px) * var(--an-type-detail, 1));font-weight:300;line-height:1.5} #main[data-ainote-landing] .an2-carousel--industries .an2-card__detail-description p{margin:0} #main[data-ainote-landing] .an2-carousel--industries .an2-card__detail-quote{max-width:650px;margin:20px 0 0;color:#1a1847;font-size:calc((20px) * var(--an-type-detail, 1));font-weight:300;line-height:1.5} #main[data-ainote-landing] .an2-carousel--industries .an2-card__metrics{display:grid;grid-template-columns:1.05fr 1.15fr 1.5fr;width:min(100%,650px);margin:20px 0 0} #main[data-ainote-landing] .an2-carousel--industries .an2-card__metrics>div{min-width:0;padding-inline:36px} #main[data-ainote-landing] .an2-carousel--industries .an2-card__metrics>div:first-child{padding-left:0} #main[data-ainote-landing] .an2-carousel--industries .an2-card__metrics>div+div{border-left:1px solid rgba(3,20,42,.12)} #main[data-ainote-landing] .an2-carousel--industries .an2-card__metrics dt{color:#666;font-size:calc((14px) * var(--an-type-meta, 1));font-weight:300;line-height:1.4;white-space:nowrap} #main[data-ainote-landing] .an2-carousel--industries .an2-card__metrics dd{margin:8px 0 0;color:#1a1847;font-size:calc((20px) * var(--an-type-metric, 1));font-weight:300;line-height:1.2;white-space:nowrap} #main[data-ainote-landing] .an2-carousel--industries .an2-card.is-expanded .an2-card__detail-panel{opacity:1;clip-path:inset(0 0 0 0 round 10px);transform:translateY(0);pointer-events:auto} #main[data-ainote-landing] .an2-carousel--industries .an2-card.is-expanded .an2-card__link{right:56px;bottom:122px;color:#1a1847;background:#e4e6eb;pointer-events:auto} #main[data-ainote-landing] .an2-carousel--industries .an2-card.is-expanded .an2-card__toggle-icon{width:40px;height:40px;transform:rotate(45deg)}} #main[data-ainote-landing] .an2-carousel--ai .an2-card{flex-basis:min(36.1vw,520px);height:auto;min-height:680px;background:#e1e3e8} #main[data-ainote-landing] .an2-carousel--ai .an2-card__media{position:relative;height:486px;aspect-ratio:auto;background:#e1e3e8} #main[data-ainote-landing] .an2-carousel--ai .an2-card__media :is(picture,.an2-card__video-frame){width:337px;height:448px;margin:38px auto 0} #main[data-ainote-landing] .an2-carousel--ai .an2-card__media img{object-fit:contain;object-position:center top} #main[data-ainote-landing] .an2-carousel--ai .an2-card__media:after{content:"";position:absolute;z-index:1;right:0;bottom:0;left:0;height:120px;background:linear-gradient(180deg,#e1e3e800,#e1e3e8 79.57%);pointer-events:none} #main[data-ainote-landing] .an2-carousel--ai .an2-card__copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;height:auto;min-height:194px;padding:32px;background:#e1e3e8} #main[data-ainote-landing] .an2-carousel--ai .an2-card__copy p{color:#666} #main[data-ainote-landing] .an2-card__badge{display:inline-flex;align-items:center;align-self:flex-start;margin-bottom:14px;padding:2px 6px;border:.5px solid rgba(237,127,64,.4);border-radius:2px;color:#ed7f40;font-family:var(--text-font-family);font-size:calc((12px) * var(--an-type-badge, 1));font-weight:400;line-height:normal;text-transform:none} #main[data-ainote-landing] .an2-card__badge img{display:block;width:16px;height:16px;object-fit:contain} #main[data-ainote-landing] .an2-carousel__controls{margin-top:56px} #main[data-ainote-landing] .an2-carousel__progress{position:relative;height:2px;background:#bbc4ce} #main[data-ainote-landing] .an2-carousel__progress span{display:block;height:3px;width:var(--an2-progress-width, 33.3333%);background:#0878ff;transform:translate(var(--an2-progress-offset, 0%));transition:transform .18s ease,width .18s ease} #main[data-ainote-landing] .an2-carousel__arrows{display:flex;justify-content:flex-end;gap:16px;margin-top:40px} #main[data-ainote-landing] .an2-carousel__arrows button{display:grid;place-items:center;width:60px;height:60px;padding:0;border:1px solid #8b9198;border-radius:50%;background:transparent;cursor:pointer;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,opacity .22s ease,transform .22s ease} #main[data-ainote-landing] .an2-carousel__arrows img{display:block;width:24px;height:auto;object-fit:contain;transition:filter .22s ease,opacity .22s ease,transform .22s ease} #main[data-ainote-landing] .an2-carousel__arrows [data-an2-direction="-1"] img{transform:scaleX(-1)} #main[data-ainote-landing] .an2-carousel__arrows button:not(:disabled):is(:hover,:focus-visible){border-color:#0c73ff;background:#ffffff60;box-shadow:0 6px 16px #03142a1f;transform:scale(1.04)} #main[data-ainote-landing] .an2-carousel__arrows [data-an2-direction="1"]:not(:disabled):is(:hover,:focus-visible) img{transform:scale(1.05)} #main[data-ainote-landing] .an2-carousel__arrows [data-an2-direction="-1"]:not(:disabled):is(:hover,:focus-visible) img{transform:scaleX(-1) scale(1.05)} #main[data-ainote-landing] .an2-carousel__arrows button:not(:disabled):active{box-shadow:none;transform:scale(.96)} #main[data-ainote-landing] .an2-carousel__arrows button:disabled{opacity:.3;cursor:default} #main[data-ainote-landing] .an2-specs{position:relative;isolation:isolate;overflow:hidden;padding-block:120px 100px;color:#fff;text-align:center} #main[data-ainote-landing] .an2-specs__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1} #main[data-ainote-landing] .an2-specs h2{max-width:1000px;margin-inline:auto;font-family:var(--heading-font-family);font-size:calc((60px) * var(--an-type-heading, 1));font-weight:400;line-height:1.15} #main[data-ainote-landing] .an2-specs__measurement{padding-block:100px 130px;color:#183356;font-size:calc((clamp(100px,10vw,160px)) * var(--an-type-measurement, 1));font-weight:400;line-height:1} #main[data-ainote-landing] .an2-specs__values{display:flex;justify-content:center;gap:100px;font-family:var(--text-font-family)} #main[data-ainote-landing] .an2-specs__values h3{font-family:var(--text-font-family);font-size:calc((48px) * var(--an-type-metric, 1));font-weight:400;line-height:1} #main[data-ainote-landing] .an2-specs__values p{margin-top:12px;color:#ffffffb3;font-family:var(--text-font-family);font-size:calc((16px) * var(--an-type-body, 1));font-weight:400;line-height:normal} #main[data-ainote-landing] .an2-bento{padding-block:120px 80px} #main[data-ainote-landing] .an2-bento__grid{display:grid;grid-template-columns:repeat(864,minmax(0,1fr));grid-auto-rows:222px;row-gap:16px;width:min(calc(100% - 32px),864px);margin-inline:auto} #main[data-ainote-landing] .an2-bento__card{min-width:0;border-radius:10px} #main[data-ainote-landing] .an2-bento__card:nth-child(1){grid-column:11 / span 508} #main[data-ainote-landing] .an2-bento__card:nth-child(2){grid-column:535 / span 320} #main[data-ainote-landing] .an2-bento__card:nth-child(3){grid-column:11 / span 557} #main[data-ainote-landing] .an2-bento__card:nth-child(4){grid-column:584 / span 271} #main[data-ainote-landing] .an2-bento__card:nth-child(5){grid-column:11 / span 493} #main[data-ainote-landing] .an2-bento__card:nth-child(6){grid-column:520 / span 335} #main[data-ainote-landing] .an2-bento__card:nth-child(7){grid-column:11 / span 414} #main[data-ainote-landing] .an2-bento__card:nth-child(8){grid-column:441 / span 414} #main[data-ainote-landing] .an2-mini{position:fixed;z-index:9;right:32px;bottom:32px;display:flex;flex-direction:column;width:280px;height:auto;overflow:hidden;border-radius:12px;background:#f5f6f9;color:#1a1847;box-shadow:0 4px 24px #03142a1f} #main[data-ainote-landing] .an2-mini__close{position:absolute;z-index:1;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:#fff;cursor:pointer} #main[data-ainote-landing] .an2-mini__close img{display:block;width:26px;height:26px;object-fit:contain} #main[data-ainote-landing] .an2-mini__image{flex:0 0 180px;height:180px} #main[data-ainote-landing] .an2-mini__body{display:flex;flex:0 0 auto;flex-direction:column;gap:12px;height:auto;padding:12px} #main[data-ainote-landing] .an2-mini__body>p{margin:0;color:#1a1847;font-family:var(--heading-font-family);font-size:calc((24px) * var(--an-type-card_title, 1));font-weight:600;line-height:normal} #main[data-ainote-landing] .an2-mini__price{height:auto;margin:0;color:#0c73ff;font-size:calc((16px) * var(--an-type-price, 1));font-weight:600;line-height:1.25} #main[data-ainote-landing] .an2-mini__price .price-list{flex-wrap:wrap;gap:4px 8px} #main[data-ainote-landing] .an2-mini__price :is(sale-price,compare-at-price){white-space:nowrap} #main[data-ainote-landing] .an2-mini__price sale-price{color:#0c73ff;font:inherit} #main[data-ainote-landing] .an2-mini__price compare-at-price{color:#666;font-size:calc((16px) * var(--an-type-price, 1));font-weight:400;line-height:1.25} #main[data-ainote-landing] .an2-mini .an2-button{width:100%;height:auto;min-height:calc(48px*max(1,var(--an-type-card_button, 1)));padding:0 24px;border-radius:4px;background:#0c73ff;gap:9.979px;font-family:var(--text-font-family);font-size:calc((20px) * var(--an-type-card_button, 1));font-weight:400;line-height:normal;flex-shrink:0} #main[data-ainote-landing] .an2-dialog{border:0;border-radius:12px;padding:56px 40px 40px;background:#f5f6f9;color:#1a1847;width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;margin:auto} #main[data-ainote-landing] .an2-dialog:not([open]){display:none} #main[data-ainote-landing] .an2-dialog[open]{animation:ainote-landing-an2-fade-in .22s ease} #main[data-ainote-landing] .an2-dialog::backdrop{background:#03142aaa} #main[data-ainote-landing] .an2-dialog__close{position:absolute;z-index:2;right:16px;top:12px;width:40px;height:40px;cursor:pointer;font-size:30px;line-height:1;background:#fff;border-radius:50%} #main[data-ainote-landing]:has(.an2-dialog[open]){overflow:hidden} #main[data-ainote-landing] .an2-card-dialog h3{margin-bottom:24px} #main[data-ainote-landing] .an2-card-dialog .prose{font-size:calc(16px * var(--an-type-detail, 1))} #main[data-ainote-landing] .an2-purchase-dialog{width:min(1120px,calc(100vw - 32px))} #main[data-ainote-landing] .an2-purchase-dialog>.section{margin:0;padding:20px 0 0} #main[data-ainote-landing] .an2-purchase-dialog .product-info{position:static} #main[data-ainote-landing] .an2-purchase-dialog .product-info__title{font-family:var(--heading-font-family)} @keyframes ainote-landing-an2-fade-in{0%{opacity:0}to{opacity:1}} @media(min-width:750px)and (max-width:1100px){#main[data-ainote-landing] .an2-workflow__intro,#main[data-ainote-landing] .an2-split,#main[data-ainote-landing] .an2-split--reverse{column-gap:40px} #main[data-ainote-landing] .an2-workflow__media{min-height:540px} #main[data-ainote-landing] .an2-tabs{gap:18px} #main[data-ainote-landing] .an2-tabs button{font-size:calc((20px) * var(--an-type-tab, 1))} #main[data-ainote-landing] .an2-carousel--industries .an2-card__copy{padding:80px 28px 28px} #main[data-ainote-landing] .an2-carousel--industries .an2-card:has(.an2-card__link) .an2-card__copy{padding-right:90px} #main[data-ainote-landing] .an2-card__link{right:24px;bottom:40px;width:48px;height:48px}} @media(max-width:749px){#main[data-ainote-landing].an2-page{--an2-nav-height: 44px} #main[data-ainote-landing].an2-page .ainote-header .header__wrapper{min-height:44px;padding-block:8px;gap:8px} #main[data-ainote-landing].an2-page .ainote-header .header__main-nav{order:0} #main[data-ainote-landing].an2-page .ainote-header .header__secondary-nav .header__icon-list{gap:16px} #main[data-ainote-landing].an2-page .ainote-header .header__secondary-nav .header__icon-list>li:has([aria-controls=search-drawer]){display:block;order:1} #main[data-ainote-landing].an2-page .ainote-header [aria-controls=search-drawer]{display:flex} #main[data-ainote-landing] .an2{font-size:calc((14px) * var(--an-type-body, 1))} #main[data-ainote-landing] .an2-wrap{width:calc(100% - 32px)} #main[data-ainote-landing] .an2 h1{font-size:calc((32px) * var(--an-type-heading, 1))} #main[data-ainote-landing] .an2 h2{font-size:calc((24px) * var(--an-type-heading, 1));line-height:1.2} #main[data-ainote-landing] .an2 h3{font-size:calc((22px) * var(--an-type-subheading, 1))} #main[data-ainote-landing] .an2-mobile-copy{display:block} #main[data-ainote-landing] .an2-desktop-copy{display:none} #main[data-ainote-landing] .an2-heading{margin-bottom:32px} #main[data-ainote-landing] .an2-heading p{margin-top:16px;font-size:calc((16px) * var(--an-type-body, 1));line-height:1.5} #main[data-ainote-landing] .an2-heading .an2-button{margin-top:16px} #main[data-ainote-landing] .an2-button{min-height:36px;padding:9px 16px;font-size:calc((14px) * var(--an-type-button, 1));gap:12px} #main[data-ainote-landing] .an2-hero{padding-top:calc(var(--header-height, 44px) + 32px)} #main[data-ainote-landing] .an2-hero__name{font-size:calc((18px) * var(--an-type-eyebrow, 1))} #main[data-ainote-landing] .an2-hero h1{max-width:280px;margin-inline:auto} #main[data-ainote-landing] .an2-hero__description{max-width:340px;font-size:calc((14px) * var(--an-type-body, 1));line-height:1.7} #main[data-ainote-landing] .an2-actions{gap:12px} #main[data-ainote-landing] .an2-nav{height:44px} #main[data-ainote-landing] .an2-nav nav{width:100%} #main[data-ainote-landing] .an2-nav__title{display:none} #main[data-ainote-landing] .an2-nav__links{width:100%;justify-content:space-between;gap:16px;padding-inline:16px;font-size:calc((14px) * var(--an-type-nav, 1));overflow-x:auto;scrollbar-width:none} #main[data-ainote-landing] .an2-nav__links a{padding-block:12px} #main[data-ainote-landing] .an2-feature{padding-top:36px} #main[data-ainote-landing] .an2-feature--overview{padding-bottom:24px} #main[data-ainote-landing] .an2-feature--overview .an2-heading{margin-bottom:36px} #main[data-ainote-landing] .an2-feature--overview .an2-feature__media{width:calc(100% - 32px);height:250px} #main[data-ainote-landing] .an2-overview-media__trajectory{width:calc(100% - 16px);height:auto} #main[data-ainote-landing] .an2-overview-media__device{width:88vw;height:auto} #main[data-ainote-landing] .an2-feature--overview .an2-heading p{padding-inline:8px;font-size:calc((16px) * var(--an-type-body, 1));line-height:1.5} #main[data-ainote-landing] .an2-feature--writing .an2-heading{margin-bottom:20px} #main[data-ainote-landing] .an2-feature--writing .an2-heading h2{font-size:calc((clamp(20px,6.4vw,24px)) * var(--an-type-heading, 1))} #main[data-ainote-landing] .an2-feature--writing .an2-feature__media{height:auto;aspect-ratio:1.7857} #main[data-ainote-landing] .an2-feature__facts{display:flex;flex-direction:column;align-items:center;gap:16px;padding-block:24px 32px} #main[data-ainote-landing] .an2-feature--writing .an2-feature__facts{width:100%;margin-top:0;padding:32px 16px;gap:16px} #main[data-ainote-landing] .an2-feature--writing .an2-feature__facts:before{background:#e1e3e833;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)} #main[data-ainote-landing] .an2-feature__fact{display:flex;align-items:flex-start;width:250px;gap:12px;padding:0;text-align:left} #main[data-ainote-landing] .an2-feature--writing .an2-feature__fact{flex-direction:row;align-items:flex-start;width:216px;gap:8px;padding:0;text-align:left} #main[data-ainote-landing] .an2-feature__fact+.an2-feature__fact{border:0} #main[data-ainote-landing] .an2-feature__fact:last-child{order:-1} #main[data-ainote-landing] .an2-feature__icon{margin:0;flex-shrink:0} #main[data-ainote-landing] .an2-feature__icon svg{width:24px;height:24px} #main[data-ainote-landing] .an2-feature__fact h3{font-size:calc((24px) * var(--an-type-subheading, 1));line-height:normal} #main[data-ainote-landing] .an2-feature__fact p{font-size:calc((12px) * var(--an-type-meta, 1));line-height:normal;margin-top:8px} #main[data-ainote-landing] .an2-feature--writing .an2-feature__icon,#main[data-ainote-landing] .an2-feature--writing .an2-feature__icon img,#main[data-ainote-landing] .an2-feature--writing .an2-feature__icon svg{width:20px;height:20px} #main[data-ainote-landing] .an2-feature--writing .an2-feature__fact>div{min-width:0} #main[data-ainote-landing] .an2-feature--writing .an2-feature__fact h3{color:#1a1847;font-size:calc((14px) * var(--an-type-subheading, 1));font-weight:400;line-height:calc((20px) * var(--an-type-subheading, 1));white-space:nowrap} #main[data-ainote-landing] .an2-feature--writing .an2-feature__fact p{margin-top:1px;color:#666;font-size:calc((12px) * var(--an-type-meta, 1));font-weight:400;line-height:calc((17px) * var(--an-type-meta, 1));white-space:nowrap} #main[data-ainote-landing] .an2-workflow{padding-block:36px} #main[data-ainote-landing] .an2-workflow__intro{display:block;text-align:center} #main[data-ainote-landing] .an2-eyebrow{margin-bottom:14px!important;font-size:calc((14px) * var(--an-type-eyebrow, 1))} #main[data-ainote-landing] .an2-description{margin-top:16px!important;font-size:calc((15px) * var(--an-type-body, 1));line-height:calc((24px) * var(--an-type-body, 1))} #main[data-ainote-landing] .an2-workflow__tabs{margin-block:32px 16px} #main[data-ainote-landing] .an2-tabs{justify-content:space-between;gap:0;border-bottom:1px solid #03142a33} #main[data-ainote-landing] .an2-tabs button{flex:1;padding:0 4px 14px;font-size:calc((16px) * var(--an-type-tab, 1))} #main[data-ainote-landing] .an2-workflow__panel{display:grid;grid-template-rows:minmax(96px,auto) auto;gap:28px} #main[data-ainote-landing] .an2-workflow__caption{grid-area:auto;font-size:calc((15px) * var(--an-type-body, 1));line-height:calc((24px) * var(--an-type-body, 1));padding-inline:8px} #main[data-ainote-landing] .an2-workflow__media{grid-area:auto;min-height:0;height:360px;width:100%} #main[data-ainote-landing] .an2-workflow__rows{margin-top:36px;gap:36px} #main[data-ainote-landing] .an2-split,#main[data-ainote-landing] .an2-split--reverse{display:flex;flex-direction:column;gap:26px;text-align:center} #main[data-ainote-landing] .an2-split__copy{max-width:100%} #main[data-ainote-landing] .an2-split__copy h2,#main[data-ainote-landing] .an2-bento .an2-heading h2,#main[data-ainote-landing] .an2-carousel--ai .an2-heading h2{text-transform:none} #main[data-ainote-landing] .an2-split__copy p{margin-top:16px;padding-inline:8px;font-size:calc((15px) * var(--an-type-body, 1));line-height:calc((24px) * var(--an-type-body, 1))} #main[data-ainote-landing] .an2-split__copy .an2-button{margin-top:26px} #main[data-ainote-landing] .an2-split__media{border-radius:8px} #main[data-ainote-landing] .an2-carousel{padding-block:36px 32px} #main[data-ainote-landing] .an2-carousel--industries{background-image:var(--ainote-asset-2eaef64f232f)} #main[data-ainote-landing] .an2-carousel .an2-heading{text-align:left;margin-bottom:26px} #main[data-ainote-landing] .an2-carousel--industries .an2-heading h2{max-width:300px;margin-left:0} #main[data-ainote-landing] .an2-carousel__track{gap:12px;padding-inline:16px;scroll-padding-inline-start:16px} #main[data-ainote-landing] .an2-card{flex-basis:calc(100vw - 56px);border-radius:8px} #main[data-ainote-landing] .an2-carousel--industries .an2-card__copy{padding:70px 24px 28px} #main[data-ainote-landing] .an2-carousel--industries .an2-card:has(.an2-card__link) .an2-card__copy{padding-right:74px} #main[data-ainote-landing] .an2-card__copy p{margin-top:8px;font-size:calc((14px) * var(--an-type-body, 1));line-height:1.5} #main[data-ainote-landing] .an2-card__link{right:20px;bottom:32px;width:40px;height:40px;font-size:28px} #main[data-ainote-landing] .an2-carousel--industries .an2-card__link{z-index:4;display:flex;visibility:visible;opacity:1;color:#1a1847;background:#f5f6f9} #main[data-ainote-landing] .an2-carousel--industries .an2-card__toggle-icon{width:32px;height:32px} #main[data-ainote-landing] .an2-carousel__controls{margin-top:24px} #main[data-ainote-landing] .an2-carousel__arrows{display:none} #main[data-ainote-landing] .an2-carousel--ai .an2-heading{text-align:center} #main[data-ainote-landing] .an2-carousel--ai .an2-heading p{max-width:310px} #main[data-ainote-landing] .an2-carousel--ai .an2-card{flex:0 0 240px;width:240px;height:auto;min-height:390px} #main[data-ainote-landing] .an2-carousel--ai .an2-card__media{height:209px;aspect-ratio:auto} #main[data-ainote-landing] .an2-carousel--ai .an2-card__media :is(picture,.an2-card__video-frame){width:154px;height:205px;margin:35px auto 0} #main[data-ainote-landing] .an2-carousel--ai .an2-card__copy{height:auto;min-height:181px;padding:20px} #main[data-ainote-landing] .an2-carousel--ai .an2-card__copy h3{font-size:calc((18px) * var(--an-type-subheading, 1))} #main[data-ainote-landing] .an2-carousel--ai .an2-card__copy p{font-size:calc((14px) * var(--an-type-body, 1))} #main[data-ainote-landing] .an2-carousel--ai .an2-carousel__controls{display:none} #main[data-ainote-landing] .an2-card__badge{margin-bottom:8px;font-size:calc((12px) * var(--an-type-badge, 1))} #main[data-ainote-landing] .an2-specs{padding-block:36px 32px} #main[data-ainote-landing] .an2-specs h2{max-width:310px;font-size:calc((22px) * var(--an-type-heading, 1))} #main[data-ainote-landing] .an2-specs__measurement{font-size:calc((72px) * var(--an-type-measurement, 1));padding-block:32px 48px} #main[data-ainote-landing] .an2-specs__values{justify-content:space-evenly;gap:12px} #main[data-ainote-landing] .an2-specs__values h3{font-size:calc((24px) * var(--an-type-metric, 1))} #main[data-ainote-landing] .an2-specs__values p{font-size:calc((11px) * var(--an-type-body, 1));margin-top:4px} #main[data-ainote-landing] .an2-bento{padding-block:36px} #main[data-ainote-landing] .an2-bento .an2-heading{margin-bottom:24px} #main[data-ainote-landing] .an2-bento .an2-heading h2{max-width:300px} #main[data-ainote-landing] .an2-bento__grid{width:calc(100% - 32px);gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:118px} #main[data-ainote-landing] .an2-bento__card,#main[data-ainote-landing] .an2-bento__card:nth-child(n){grid-column:span 1;min-height:0;margin-inline:0;border-radius:6px} #main[data-ainote-landing] .an2-bento__card:first-child,#main[data-ainote-landing] .an2-bento__card:nth-child(3){grid-column:span 2} #main[data-ainote-landing] .an2-bento__card:first-child{order:0} #main[data-ainote-landing] .an2-bento__card:nth-child(2){order:1} #main[data-ainote-landing] .an2-bento__card:nth-child(4){order:2} #main[data-ainote-landing] .an2-bento__card:nth-child(3){order:3} #main[data-ainote-landing] .an2-bento__card:nth-child(5){order:4;grid-column:span 2} #main[data-ainote-landing] .an2-bento__card:nth-child(6){order:5} #main[data-ainote-landing] .an2-bento__card:nth-child(7){order:6} #main[data-ainote-landing] .an2-bento__card:nth-child(8){order:7;grid-column:span 2} #main[data-ainote-landing] .an2-feature--closing{padding-block:32px} #main[data-ainote-landing] .an2-feature--closing .an2-heading{margin-bottom:24px} #main[data-ainote-landing] .an2-feature--closing .an2-heading h2{text-transform:none} #main[data-ainote-landing] .an2-closing-carousel{--an2-closing-width: 40vw;--an2-closing-step: 72%;--an2-closing-center-gap: 8%} #main[data-ainote-landing] .an2-closing-carousel__stage{height:calc(var(--an2-closing-width) * 620 / 554)} #main[data-ainote-landing] .an2 .an2-closing-caption{margin-top:12px;font-size:calc(14px * var(--an-type-subheading, 1))} #main[data-ainote-landing] .an2-closing-carousel__slide{transform:translate(-50%,-50%) translate(calc(var(--slide-position, 0) * var(--an2-closing-step) + var(--slide-side, 0) * var(--an2-closing-center-gap))) perspective(400px) rotateY(var(--slide-angle, 0deg)) scale(var(--slide-scale, 1))} #main[data-ainote-landing] .an2-mini{right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:132px;height:auto;border-radius:6px;box-shadow:0 2px 11px #03142a1f} #main[data-ainote-landing] .an2-mini__image{flex:0 0 85px;height:85px} #main[data-ainote-landing] .an2-mini__close{top:8px;right:8px;width:16px;height:16px;padding:2px} #main[data-ainote-landing] .an2-mini__close img{width:12px;height:12px} #main[data-ainote-landing] .an2-mini__body{gap:8px;align-items:stretch;padding:8px} #main[data-ainote-landing] .an2-mini__body>p{margin:0;color:#1a1847;font-size:calc((14px) * var(--an-type-card_title, 1));font-weight:600;line-height:calc((20px) * var(--an-type-card_title, 1))} #main[data-ainote-landing] .an2-mini__price{font-size:calc((12px) * var(--an-type-price, 1))} #main[data-ainote-landing] .an2-mini__price .price-list{gap:2px 6px} #main[data-ainote-landing] .an2-mini__price sale-price{font-size:calc((12px) * var(--an-type-price, 1));line-height:1.25} #main[data-ainote-landing] .an2-mini__price compare-at-price{font-size:calc((8px) * var(--an-type-price, 1));font-weight:400;line-height:1.25} #main[data-ainote-landing] .an2-mini .an2-button{width:100%;height:auto;min-height:calc(24px*max(1,var(--an-type-card_button, 1)));margin-top:0;padding:0 8px;border-radius:4px;font-size:calc((12px) * var(--an-type-card_button, 1));font-weight:400;line-height:normal;flex-shrink:0} #main[data-ainote-landing] .an2-dialog{padding:56px 20px 24px} #main[data-ainote-landing] .an2-card-dialog .prose{font-size:calc(14px * var(--an-type-detail, 1))} #main[data-ainote-landing] .an2-purchase-dialog .product-gallery{display:none} #main[data-ainote-landing] .an2-purchase-dialog .product{display:block}} @media(prefers-reduced-motion:reduce){#main[data-ainote-landing] .an2 *,#main[data-ainote-landing] .an2 *:before,#main[data-ainote-landing] .an2 *:after,#main[data-ainote-landing] .an2-dialog[open]{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2{--an2-blue: #0c73ff;font-weight:400} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2 :is(h1,h2){font-weight:600} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) :is(.an2-heading p,.an2-hero__description,.an2-description,.an2-workflow__caption,.an2-split__copy p,.an2-card__copy p,.an2-specs__values p){font-weight:400} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) :is(.an2-heading p,.an2-description,.an2-workflow__caption,.an2-split__copy p){line-height:calc((24px) * var(--an-type-body, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-heading p{margin-top:24px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__facts{min-height:263px;padding-block:60px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__facts:before{background:#e1e3e8cc} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature__fact h3{font-family:var(--heading-font-family);font-weight:400} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-workflow{padding-top:120px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-workflow__media:not(.an2-workflow__media--video){min-height:0;height:auto;align-self:center} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-workflow__media:not(.an2-workflow__media--video) :is(picture,img){height:auto} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-workflow__media:not(.an2-workflow__media--video) img{object-fit:contain} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-eyebrow{color:#0c73ff;font-size:calc((20px) * var(--an-type-eyebrow, 1));font-weight:600;line-height:calc((24px) * var(--an-type-eyebrow, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-tabs{width:fit-content;gap:38px;border-bottom:1px solid rgba(5,8,54,.2)} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-tabs button{font-weight:400} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) #ainote-privacy .an2-button{gap:8px;padding-inline:40px;border-radius:4px;font-weight:400} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) #ainote-privacy .an2-button:hover{background:#0c73ff;border-color:#0c73ff} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) #ainote-privacy .an2-button img{width:20px;height:20px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs h2{font-size:calc((58px) * var(--an-type-heading, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) :is(.an2-specs__measurement,.an2-specs__values h3){font-family:var(--heading-font-family);font-weight:400} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__measurement{font-size:calc(135.183 * var(--an2-art-unit) * var(--an-type-measurement, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__values{gap:calc(80 * var(--an2-art-unit))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__values h3{font-size:calc((40px) * var(--an-type-metric, 1));line-height:calc((60px) * var(--an-type-metric, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__values p{font-size:calc((16px) * var(--an-type-body, 1));margin-top:0;line-height:calc((24px) * var(--an-type-body, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-carousel--ai .an2-card__copy{gap:8px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-carousel--ai .an2-card__copy h3{font-weight:700;line-height:calc((48px) * var(--an-type-subheading, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-carousel--ai .an2-card__copy p{margin-top:0;line-height:normal;opacity:.7} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-carousel--ai .an2-card__badge{margin-bottom:0} @media(max-width:749px){#main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-heading p{margin-top:12px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-heading p{font-size:calc((14px) * var(--an-type-body, 1));line-height:calc((20px) * var(--an-type-body, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__facts{min-height:0;padding-block:32px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__facts:before{background:#e1e3e833} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__fact p{margin-top:2px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-workflow{padding-block:32px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-eyebrow{margin-bottom:12px!important;font-size:calc((14px) * var(--an-type-eyebrow, 1));line-height:calc((20px) * var(--an-type-eyebrow, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-description{margin-top:12px!important;font-size:calc((14px) * var(--an-type-body, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-tabs{width:100%;gap:24px;height:auto;min-height:calc(40px*max(1,var(--an-type-tab, 1)))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-tabs button{min-width:0;padding:0 0 12px;font-weight:400} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-tabs button[aria-selected=true]{font-weight:400} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-workflow__caption{padding-inline:0;font-size:calc((14px) * var(--an-type-body, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-workflow__rows{margin-top:32px;gap:32px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-split{gap:24px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-split__copy p{margin-top:12px;padding-inline:0;font-size:calc((14px) * var(--an-type-body, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) #ainote-privacy .an2-split__copy p{font-size:calc((16px) * var(--an-type-body, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) #ainote-privacy .an2-button{min-height:36px;margin-top:24px;padding-inline:16px;border-radius:2px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) #ainote-privacy .an2-button span{text-decoration:none} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs h2{max-width:343px;font-size:calc((24px) * var(--an-type-heading, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__measurement{font-size:calc(48.005 * .266666667vw * var(--an-type-measurement, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__values{justify-content:center;gap:32px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__values h3{font-size:calc((20px) * var(--an-type-metric, 1));line-height:normal} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__values p{font-size:calc((12px) * var(--an-type-body, 1));line-height:normal} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-carousel--ai .an2-heading p{max-width:none} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-carousel--ai .an2-card__media:after{height:40px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-carousel--ai .an2-card__copy{gap:4px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-carousel--ai .an2-card__copy h3{font-weight:600;line-height:1.5} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-carousel--ai .an2-card__copy p{line-height:1.5;opacity:.8} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-card__badge{height:auto;min-height:calc(22px*max(1,var(--an-type-badge, 1)));padding-block:3px;font-size:calc((10px) * var(--an-type-badge, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-card__badge img{width:12px;height:12px}} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-overview-media__device{height:auto;aspect-ratio:1294 / 970;background:transparent} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing:has(.an2-writing-art){position:relative;display:flex;flex-direction:column;--an2-art-unit: .069444444vw;min-height:calc(1132 * var(--an2-art-unit));padding-top:calc(120 * var(--an2-art-unit));background:#e1e3e8 var(--ainote-asset-1134b58bb292) center / cover no-repeat} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-writing-art{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-writing-art img{position:absolute;max-width:none;height:auto} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-writing-art__device{width:111.5984%;left:0;top:calc(-265 * var(--an2-art-unit))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-writing-art__pen{width:79.7189%;left:26.4583%;top:calc(181 * var(--an2-art-unit))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing:has(.an2-writing-art) .an2-heading{position:relative;z-index:1} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing:has(.an2-writing-art) .an2-feature__facts{margin-top:auto} @media(min-width:750px){#main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing:has(.an2-writing-art) .an2-heading{width:83.333333%} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing:has(.an2-writing-art) .an2-heading h2{font-size:calc((58px) * var(--an-type-heading, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing:has(.an2-writing-art) .an2-heading p{max-width:calc(660px * var(--an-type-body, 1));margin-top:calc(24 * var(--an2-art-unit));font-size:calc((16px) * var(--an-type-body, 1));line-height:calc((24px) * var(--an-type-body, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing:has(.an2-writing-art) .an2-feature__facts{width:calc(1080 * var(--an2-art-unit));min-height:calc(263 * var(--an2-art-unit));padding-block:calc(60 * var(--an2-art-unit))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__fact{padding-inline:calc(60 * var(--an2-art-unit))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__fact+.an2-feature__fact:before{height:calc(120 * var(--an2-art-unit))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__icon,#main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__icon img{width:calc(60 * var(--an2-art-unit));height:calc(60 * var(--an2-art-unit))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__icon{margin-bottom:calc(24 * var(--an2-art-unit))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__fact h3{font-size:calc((24px) * var(--an-type-subheading, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__fact p{margin-top:calc(8 * var(--an2-art-unit));font-size:calc((12px) * var(--an-type-meta, 1))}} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs{--an2-art-unit: .069444444vw;min-height:calc(827 * var(--an2-art-unit));padding-block:calc(120 * var(--an2-art-unit)) 0} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__backdrop--design{z-index:0;left:auto;right:0;width:100%;transform:none;overflow:visible;background:transparent} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__backdrop--design picture{position:absolute;top:calc(43 * var(--an2-art-unit));right:0;width:79.1667%;height:auto;aspect-ratio:1140 / 844} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__backdrop--design img{object-fit:contain} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs :is(h2,.an2-specs__values){position:relative;z-index:1} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs .ainote-circle{position:relative;display:inline-block;white-space:nowrap} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs .ainote-circle__mark{position:absolute;left:-26%;top:10%;width:152%;height:1.03em;max-width:none;pointer-events:none} @media(max-width:749px){#main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing:has(.an2-writing-art){--an2-art-unit: 1px;min-height:586px;padding-top:32px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-writing-art__device{width:162.1333%;left:-28.8%;top:-58px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-writing-art__pen{width:115.818%;left:9.6373%;top:110.74px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs{--an2-art-unit: 1px;min-height:339px;padding-block:32px 0} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__backdrop--design picture{top:93px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__measurement{padding:0}} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs:has(.an2-specs__backdrop--design){background:#03142a} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__measurement{position:absolute;top:calc(280.5 * var(--an2-art-unit));left:calc(14.5 * var(--an2-art-unit));width:100%;padding:0;line-height:calc(168 * var(--an2-art-unit) * var(--an-type-measurement, 1));z-index:-1} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-mini__image--design{position:relative} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-mini__image--design picture{position:absolute;width:210%;height:245%;left:-55%;top:-72.2222%} @media(min-width:750px){#main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs>.an2-wrap{width:83.333333%}} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs h2{max-width:calc(1200 * var(--an2-art-unit));line-height:1.2069} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs .an2-specs__values{position:absolute;top:calc(633 * var(--an2-art-unit));left:0;width:100%} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__values>div{width:calc(136 * var(--an2-art-unit))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__backdrop--design:before{content:"";position:absolute;left:47.6389%;top:calc(-257 * var(--an2-art-unit));width:104.7222%;aspect-ratio:1508 / 1383;background:var(--ainote-asset-f808107b1295) center / contain no-repeat} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-heading h2{line-height:1.2069} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__facts{width:min(100%,1080px);padding-inline:0} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__fact{position:relative;padding-inline:60px;border:0} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__fact+.an2-feature__fact:before{content:"";position:absolute;left:0;top:50%;height:120px;border-left:1px solid rgba(3,20,42,.1);transform:translateY(-50%)} @media(max-width:749px){#main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs h2{max-width:310px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs .an2-specs__measurement{top:149px;left:.82px;line-height:calc(60 * .266666667vw * var(--an-type-measurement, 1))} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs .an2-specs__values{top:265px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__values>div{width:auto} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-specs__backdrop--design:before{top:7px} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__fact{padding-inline:0} #main[data-ainote-landing].an2-page:not(.air2-page):not(.ainote-purchase-page) .an2-feature--writing .an2-feature__fact:before{display:none}} @media (prefers-reduced-motion: no-preference){#main[data-ainote-landing] :is(.ainote-home, .an2, .ainote-product-comparison, .ainote-download-hero, .ainote-download-grid, .ainote-membership-plans, .ainote-membership-faq, .ainote-collection) [data-ainote-reveal-pending]{ opacity: 0; }} #main[data-ainote-landing] .an2-bento__card{position:relative;container-type:inline-size;--bento-design-width: 508;--bento-text: #1a1847;--bento-description: #666666} #main[data-ainote-landing] .an2-bento__card:first-child{--bento-description: #333333} #main[data-ainote-landing] .an2-bento__card:nth-child(n+5){--bento-text: #ffffff;--bento-description: #ffffff} #main[data-ainote-landing] .an2-bento__card:nth-child(n+7){--bento-description: #d9dfe2} #main[data-ainote-landing] .an2-bento__card:nth-child(2){--bento-design-width: 320} #main[data-ainote-landing] .an2-bento__card:nth-child(3){--bento-design-width: 557} #main[data-ainote-landing] .an2-bento__card:nth-child(4){--bento-design-width: 271} #main[data-ainote-landing] .an2-bento__card:nth-child(5){--bento-design-width: 493} #main[data-ainote-landing] .an2-bento__card:nth-child(6){--bento-design-width: 335} #main[data-ainote-landing] .an2-bento__card:nth-child(n+7){--bento-design-width: 414} #main[data-ainote-landing] .an2-bento__copy{position:absolute;top:10.8108%;left:calc(3200cqw / var(--bento-design-width));right:calc(2400cqw / var(--bento-design-width));color:var(--bento-text)} #main[data-ainote-landing] .an2-bento__copy h3{font-family:var(--heading-font-family);font-size:calc(3200cqw / var(--bento-design-width) * var(--an-type-card_heading, 1));font-weight:600;line-height:normal} #main[data-ainote-landing] .an2-bento__copy p,#main[data-ainote-landing] .an2-bento__metrics p{color:var(--bento-description);font-family:var(--text-font-family);font-size:calc(1600cqw / var(--bento-design-width) * var(--an-type-card_description, 1));font-weight:400;line-height:1.5} #main[data-ainote-landing] .an2-bento__copy p{margin-top:calc(1200cqw / var(--bento-design-width))} #main[data-ainote-landing] .an2-bento__metrics{position:absolute;top:60.3604%;left:calc(3200cqw / var(--bento-design-width));display:flex;gap:calc(2500cqw / var(--bento-design-width));color:var(--bento-text);text-align:center} #main[data-ainote-landing] .an2-bento__metrics span{display:block;white-space:nowrap;font-family:var(--heading-font-family);font-size:calc(4000cqw / var(--bento-design-width) * var(--an-type-card_metric, 1));font-weight:400;line-height:normal} #main[data-ainote-landing] .an2-bento__metrics p{opacity:.7} #main[data-ainote-landing] .an2-bento__card:is(.an2-bento__card--recording,.an2-bento__card--minutes) .an2-bento__copy p{opacity:.7} #main[data-ainote-landing] .an2-bento__card--centered .an2-bento__copy{left:0;right:0;text-align:center} #main[data-ainote-landing] .an2-bento__card--centered:has(.an2-bento__copy p) .an2-bento__copy{top:14.4144%} #main[data-ainote-landing] .an2-bento__card--writing .an2-bento__copy{top:14.4144%;left:calc(4000cqw / var(--bento-design-width))} #main[data-ainote-landing] .an2-bento__card--writing .an2-bento__copy p{max-width:calc(26000cqw / var(--bento-design-width))} #main[data-ainote-landing] .an2-bento__card--recording .an2-bento__copy{top:14.4144%;left:calc(4000cqw / var(--bento-design-width))} #main[data-ainote-landing] .an2-bento__card--recording .an2-bento__copy p{max-width:calc(33300cqw / var(--bento-design-width));margin-top:calc(1600cqw / var(--bento-design-width))} #main[data-ainote-landing] .an2-bento__card--minutes .an2-bento__copy{top:14.4144%;left:calc(2900cqw / var(--bento-design-width));right:calc(2900cqw / var(--bento-design-width))} #main[data-ainote-landing] .an2-bento__card--minutes .an2-bento__copy p{text-align:center} #main[data-ainote-landing] .an2-bento__card--reading .an2-bento__copy{top:14.8649%;left:calc(2800cqw / var(--bento-design-width))} #main[data-ainote-landing] .an2-bento__card--camera .an2-bento__copy{top:54.0541%} @media(min-width:750px){#main[data-ainote-landing].air2-page .an2-bento .an2-heading{margin-bottom:60px} #main[data-ainote-landing] .an2-bento--ainote-2{padding-block:120px} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-heading{margin-bottom:60px} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__grid{grid-auto-rows:auto} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card{aspect-ratio:var(--bento-design-width) / 222} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card>picture{position:absolute;top:0;right:0;bottom:0;left:0} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card--standard .an2-bento__copy{top:14.4144%;left:0;right:0;text-align:center} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__metrics{top:46.8468%;left:0;right:0;display:block} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__metrics>div{position:absolute;left:34.4488%;transform:translate(-50%)} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__metrics>div:nth-child(2){left:64.1732%} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card:nth-child(2) .an2-bento__copy p{line-height:1.055} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card--reading .an2-bento__copy{top:14.4144%;left:calc(4000cqw / var(--bento-design-width))} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card--camera .an2-bento__copy{top:10.8108%;left:0;right:0;text-align:center}} @media(max-width:749px){#main[data-ainote-landing] .an2-bento__card:not(.an2-bento__card--mobile-text) :is(.an2-bento__copy,.an2-bento__metrics){display:none} #main[data-ainote-landing] .an2-bento__copy h3{font-size:calc(1800cqw / var(--bento-design-width) * var(--an-type-card_heading, 1))} #main[data-ainote-landing] .an2-bento__copy p,#main[data-ainote-landing] .an2-bento__metrics p{font-size:calc(1200cqw / var(--bento-design-width) * var(--an-type-card_description, 1))} #main[data-ainote-landing] .an2-bento__metrics span{font-size:calc(2400cqw / var(--bento-design-width) * var(--an-type-card_metric, 1))} #main[data-ainote-landing] :is(.air2-page .an2-bento,.an2-bento--ainote-2) .an2-heading{width:calc(100% - 32px);max-width:343px;margin-bottom:24px} #main[data-ainote-landing] :is(.air2-page .an2-bento,.an2-bento--ainote-2) .an2-heading h2{max-width:none;font-weight:600;line-height:normal} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__card{--bento-design-width: 343} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__card:is(:nth-child(2),:nth-child(4),:nth-child(6),:nth-child(7)){--bento-design-width: 167.5} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__copy{top:13.5593%;left:calc(1600cqw / var(--bento-design-width));right:calc(1600cqw / var(--bento-design-width));text-align:left} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__copy h3{font-size:calc(1800cqw / var(--bento-design-width) * var(--an-type-card_heading, 1))} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__copy p{max-width:none;margin-top:calc(400cqw / var(--bento-design-width));font-size:calc(1000cqw / var(--bento-design-width) * var(--an-type-card_description, 1));opacity:1} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__copy p br{display:none} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__card--standard .an2-bento__copy h3{white-space:nowrap} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__card--centered .an2-bento__copy{left:0;right:0;text-align:center} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__card--writing .an2-bento__copy{width:calc(16800cqw / var(--bento-design-width));right:auto} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__card--recording .an2-bento__copy{width:calc(19100cqw / var(--bento-design-width));right:auto} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__card--recording .an2-bento__copy p{margin-top:calc(650.2cqw / var(--bento-design-width))} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__card--minutes .an2-bento__copy{top:11.0169%;left:calc(1200cqw / var(--bento-design-width));right:calc(800cqw / var(--bento-design-width))} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__card--minutes .an2-bento__copy p{text-align:left;opacity:.7} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__card--reading .an2-bento__copy{left:0;right:0;text-align:center} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__card--camera .an2-bento__copy{top:49.1525%} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__card--camera .an2-bento__copy h3{white-space:nowrap} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__metrics{top:55.0847%;left:calc(2300cqw / var(--bento-design-width));gap:calc(1343.7cqw / var(--bento-design-width))} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__metrics span{font-size:calc(2150cqw / var(--bento-design-width) * var(--an-type-card_metric, 1))} #main[data-ainote-landing] :is(.air2-page,.an2-bento--ainote-2) .an2-bento__metrics p{font-size:calc(860cqw / var(--bento-design-width) * var(--an-type-card_description, 1))} #main[data-ainote-landing] .an2-bento--ainote-2{padding-block:32px} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__grid{grid-auto-rows:auto} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card{aspect-ratio:167.5 / 118;border-radius:8px} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card:is(:first-child,:nth-child(3),:nth-child(5),:nth-child(8)){aspect-ratio:343 / 118} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card:is(:nth-child(2),:nth-child(3)){border-radius:4.064px} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card>picture{position:absolute;top:0;right:0;bottom:0;left:0} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card--standard .an2-bento__copy{left:0;right:0;text-align:center} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card--centered:has(.an2-bento__copy p) .an2-bento__copy{top:13.5593%} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card:nth-child(2) .an2-bento__copy{left:calc(900cqw / var(--bento-design-width));right:auto;width:calc(14900cqw / var(--bento-design-width))} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card:nth-child(4) .an2-bento__copy{left:calc(2900cqw / var(--bento-design-width));right:auto;width:calc(10900cqw / var(--bento-design-width))} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card:nth-child(4) .an2-bento__copy h3{line-height:.885444} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card--recording .an2-bento__copy h3{white-space:nowrap} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card--recording .an2-bento__copy p{opacity:1} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__card--camera .an2-bento__copy{top:12.7119%;left:calc(10900cqw / var(--bento-design-width));right:auto} #main[data-ainote-landing] .an2-bento--ainote-2 .an2-bento__metrics{top:42.1949%;left:50.1458%;gap:calc(1600cqw / var(--bento-design-width));transform:translate(-50%)}} #main[data-ainote-landing] .air2-privacy{padding:120px 0;color:#fff;background:#03142a} #main[data-ainote-landing] .air2-privacy__inner{width:min(calc(100% - 240px),var(--container-max-width, 1200px));margin-inline:auto} #main[data-ainote-landing] .air2-privacy .air2-privacy__heading{margin-bottom:60px} #main[data-ainote-landing] .air2-privacy .air2-privacy__heading h2{max-width:860px;color:#fff;font-size:calc((58px) * var(--an-type-heading, 1));font-weight:500;line-height:1.2} #main[data-ainote-landing] .air2-privacy .air2-privacy__heading p{max-width:800px;margin-top:28px;color:#ffffffa6;font-size:calc((16px) * var(--an-type-body, 1));font-weight:300;line-height:1.5;text-align:left} #main[data-ainote-landing] .air2-privacy__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} #main[data-ainote-landing] .air2-privacy__card{min-width:0;padding:24px 22px;border:1px solid rgba(255,255,255,.12);background:#ffffff0b} #main[data-ainote-landing] .air2-privacy__icon{display:flex;width:28px;height:28px;margin-bottom:16px;color:#ffffffd9} #main[data-ainote-landing] .air2-privacy__icon :is(img,svg){width:100%;height:100%;object-fit:contain} #main[data-ainote-landing] .air2-privacy .air2-privacy__card h3{margin-bottom:8px;color:#fff;font-size:calc((20px) * var(--an-type-subheading, 1));font-weight:500;line-height:1.2} #main[data-ainote-landing] .air2-privacy .air2-privacy__card p{color:#ffffffa6;font-size:calc((16px) * var(--an-type-body, 1));line-height:1.5;overflow-wrap:anywhere} #main[data-ainote-landing] .air2-privacy__footer{margin-top:60px;text-align:center} #main[data-ainote-landing] .air2-privacy .air2-privacy__link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;color:#0878ff;font-family:var(--text-font-family);font-size:calc((20px) * var(--an-type-button, 1));font-weight:400;line-height:1.4} #main[data-ainote-landing] .air2-privacy__link span{position:relative;text-decoration:none} #main[data-ainote-landing] .air2-privacy__link span:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .25s ease} #main[data-ainote-landing] .air2-privacy__link:is(:hover,:focus-visible) span:after{width:100%} @media(prefers-reduced-motion:reduce){#main[data-ainote-landing] .air2-privacy__link span:after{transition:none}} #main[data-ainote-landing] .air2-privacy__link img{flex:0 0 14px} @media screen and (min-width:750px)and (max-width:1199px){#main[data-ainote-landing] .air2-privacy__inner{width:calc(100% - 96px)} #main[data-ainote-landing] .air2-privacy__cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media screen and (max-width:749px){#main[data-ainote-landing] .air2-privacy{padding:32px 24px} #main[data-ainote-landing] .air2-privacy__inner{width:100%} #main[data-ainote-landing] .air2-privacy .air2-privacy__heading{margin-bottom:24px} #main[data-ainote-landing] .air2-privacy .air2-privacy__heading h2{font-size:calc((24px) * var(--an-type-heading, 1));line-height:1.2} #main[data-ainote-landing] .air2-privacy .air2-privacy__heading p{margin-top:24px;font-size:calc((14px) * var(--an-type-body, 1));line-height:1.7;text-align:center} #main[data-ainote-landing] .air2-privacy__cards{grid-template-columns:minmax(0,1fr);gap:12px} #main[data-ainote-landing] .air2-privacy__card{min-height:188px;padding:24px 20px} #main[data-ainote-landing] .air2-privacy__icon{margin-bottom:16px} #main[data-ainote-landing] .air2-privacy .air2-privacy__card h3{font-size:calc((20px) * var(--an-type-subheading, 1))} #main[data-ainote-landing] .air2-privacy .air2-privacy__card p{font-size:calc((14px) * var(--an-type-body, 1));line-height:1.7} #main[data-ainote-landing] .air2-privacy__footer{margin-top:24px} #main[data-ainote-landing] .air2-privacy .air2-privacy__link{font-size:calc((16px) * var(--an-type-button, 1))}} #main[data-ainote-landing] .ainote-product-comparison{padding:112px 32px 120px;background:#f5f6f9;color:#1a1847;font-family:var(--text-font-family);scroll-margin-top:100px} #main[data-ainote-landing] .ainote-product-comparison__inner{max-width:var(--container-max-width, 1200px);margin-inline:auto} #main[data-ainote-landing] .ainote-product-comparison h2{margin:0 0 80px;color:#1a1847;font-family:var(--heading-font-family);font-size:calc((clamp(32px,4.03vw,58px)) * var(--an-type-heading, 1));font-weight:500;line-height:1.2;text-align:center} #main[data-ainote-landing] .ainote-product-comparison__images,#main[data-ainote-landing] .ainote-product-comparison__products,#main[data-ainote-landing] .ainote-product-comparison__row{display:grid;grid-template-columns:20% repeat(2,minmax(0,1fr))} #main[data-ainote-landing] .ainote-product-comparison__products{position:sticky;top:calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--header-is-visible, 1) * var(--sticky-header-enabled, 0) * var(--header-height, 0px) + var(--an2-active-nav-height, 0px));z-index:4;padding-block:16px 24px;border-bottom:1px solid #c3ccd6;background:#f5f6f9} #main[data-ainote-landing] .ainote-product-comparison__product{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center} #main[data-ainote-landing] .ainote-product-comparison__product:first-child,#main[data-ainote-landing] .ainote-product-comparison__image:first-child{grid-column:2} #main[data-ainote-landing] .ainote-product-comparison__image{justify-self:center;width:240px;height:240px;margin-bottom:16px} #main[data-ainote-landing] .ainote-product-comparison__image img{width:100%;height:100%;object-fit:contain} #main[data-ainote-landing] .ainote-product-comparison__image--placeholder,#main[data-ainote-landing] .ainote-product-comparison__spec-icon--placeholder{background:var(--comparison-placeholder, #e1e4e9)} #main[data-ainote-landing] .ainote-product-comparison h3{margin:0 0 16px;font-family:var(--heading-font-family);font-size:calc((32px) * var(--an-type-subheading, 1));font-weight:600} #main[data-ainote-landing] .ainote-product-comparison__price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:10px;margin-bottom:32px} #main[data-ainote-landing] .ainote-product-comparison__price strong{font-size:calc((32px) * var(--an-type-price, 1));font-weight:600} #main[data-ainote-landing] .ainote-product-comparison__price s{color:#666;font-size:calc((16px) * var(--an-type-original_price, 1));font-weight:400} #main[data-ainote-landing] .ainote-product-comparison__buy{display:inline-flex;align-items:center;justify-content:center;width:180px;min-height:56px;padding:8px 16px;border:1px solid #0878ff;border-radius:2px;background:#0878ff;color:#fff;font-family:var(--text-font-family);font-size:calc((20px) * var(--an-type-button, 1));font-weight:400;text-decoration:none;transition:background-color .18s ease,border-color .18s ease} #main[data-ainote-landing] .ainote-product-comparison__buy:hover{border-color:#005edc;background:#005edc} #main[data-ainote-landing] .ainote-product-comparison__learn,#main[data-ainote-landing] .ainote-product-comparison__current,#main[data-ainote-landing] .ainote-product-comparison__compare{margin:28px 0 0;font-family:var(--text-font-family);font-size:calc((20px) * var(--an-type-button, 1));font-weight:400} #main[data-ainote-landing] .ainote-product-comparison__current{color:#666} #main[data-ainote-landing] .ainote-product-comparison a.ainote-product-comparison__learn,#main[data-ainote-landing] .ainote-product-comparison a.ainote-product-comparison__compare{position:relative;display:inline-flex;flex-flow:row nowrap;white-space:nowrap;align-items:center;justify-content:center;gap:4px;padding-bottom:6px;color:#0878ff;text-decoration:none;line-height:1} #main[data-ainote-landing] .ainote-product-comparison__learn img,#main[data-ainote-landing] .ainote-product-comparison__compare img{display:block;flex:0 0 14px;width:14px;height:14px;object-fit:contain} #main[data-ainote-landing] .ainote-product-comparison__compare img{flex-basis:13.33px;width:13.33px;height:13.33px} #main[data-ainote-landing] .ainote-product-comparison__learn:after,#main[data-ainote-landing] .ainote-product-comparison__compare:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:currentColor;transition:width .3s ease} #main[data-ainote-landing] .ainote-product-comparison__learn:is(:hover,:focus-visible):after,#main[data-ainote-landing] .ainote-product-comparison__compare:is(:hover,:focus-visible):after{width:100%} #main[data-ainote-landing] .ainote-product-comparison__row{align-items:center;min-height:196px;padding-block:36px;border-bottom:1px solid #c3ccd6} #main[data-ainote-landing] .ainote-product-comparison__label{color:#666;font-size:calc((24px) * var(--an-type-label, 1));font-weight:400} #main[data-ainote-landing] .ainote-product-comparison__value{display:flex;flex-direction:column;align-items:center;padding-inline:12px;color:#000;font-size:calc((16px) * var(--an-type-body, 1));text-align:center} #main[data-ainote-landing] .ainote-product-comparison__spec-icon{display:block;width:80px;height:80px} #main[data-ainote-landing] .ainote-product-comparison__spec-icon img{width:100%;height:100%;object-fit:contain} #main[data-ainote-landing] .ainote-product-comparison a.ainote-product-comparison__compare{display:flex} #main[data-ainote-landing] .ainote-product-comparison__compare{width:fit-content;margin:72px auto 0;text-align:center} #main[data-ainote-landing] .ainote-product-comparison__accessible-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} @media(max-width:749px){#main[data-ainote-landing] .ainote-product-comparison{padding:32px 16px 40px} #main[data-ainote-landing] .ainote-product-comparison h2{margin-bottom:24px;font-size:calc((24px) * var(--an-type-heading, 1))} #main[data-ainote-landing] .ainote-product-comparison__images,#main[data-ainote-landing] .ainote-product-comparison__products,#main[data-ainote-landing] .ainote-product-comparison__row{grid-template-columns:repeat(2,minmax(0,1fr))} #main[data-ainote-landing] .ainote-product-comparison__products{padding-block:12px 16px} #main[data-ainote-landing] .ainote-product-comparison__product:first-child,#main[data-ainote-landing] .ainote-product-comparison__image:first-child{grid-column:auto} #main[data-ainote-landing] .ainote-product-comparison__image{width:100px;height:100px;margin-bottom:4px} #main[data-ainote-landing] .ainote-product-comparison h3{margin-bottom:16px;font-size:calc((clamp(18px,5.33vw,20px)) * var(--an-type-subheading, 1));line-height:calc((24px) * var(--an-type-subheading, 1));white-space:nowrap} #main[data-ainote-landing] .ainote-product-comparison__price{gap:4px;margin-bottom:16px;line-height:normal} #main[data-ainote-landing] .ainote-product-comparison__price strong{font-size:calc((16px) * var(--an-type-price, 1))} #main[data-ainote-landing] .ainote-product-comparison__price s{font-size:calc((12px) * var(--an-type-original_price, 1))} #main[data-ainote-landing] .ainote-product-comparison__buy{width:120px;min-height:36px;padding:6px 12px;font-size:calc((14px) * var(--an-type-button, 1))} #main[data-ainote-landing] .ainote-product-comparison__learn,#main[data-ainote-landing] .ainote-product-comparison__current{margin-top:16px;font-size:calc((14px) * var(--an-type-button, 1))} #main[data-ainote-landing] .ainote-product-comparison__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #main[data-ainote-landing] .ainote-product-comparison__row{min-height:77px;padding-block:12px} #main[data-ainote-landing] .ainote-product-comparison__value{gap:4px;padding-inline:8px;font-size:calc((12px) * var(--an-type-body, 1));font-weight:500;line-height:normal} #main[data-ainote-landing] .ainote-product-comparison__spec-icon{width:32px;height:32px} #main[data-ainote-landing] .ainote-product-comparison__compare{margin-top:24px;font-size:calc((14px) * var(--an-type-button, 1))}} @media(prefers-reduced-motion:reduce){#main[data-ainote-landing] .ainote-product-comparison a,#main[data-ainote-landing] .ainote-product-comparison a:after{transition:none}} #main[data-ainote-landing] .an2-benefits-section{margin:0;min-width:0} #main[data-ainote-landing] .an2-benefits{display:block;padding-block:48px;border-block:1px solid rgba(255,255,255,.2);background:#03142a;color:#fff;font:300 16px/1.6 var(--text-font-family)} #main[data-ainote-landing] .an2-benefits *,#main[data-ainote-landing] .an2-benefits *:before,#main[data-ainote-landing] .an2-benefits *:after{box-sizing:border-box;letter-spacing:0} #main[data-ainote-landing] .an2-benefits__grid{display:grid;width:min(83.333333%,var(--container-max-width, 1200px));margin-inline:auto;grid-template-columns:repeat(var(--benefit-count, 3),auto);justify-content:space-between;align-items:center;gap:32px} #main[data-ainote-landing] .an2-benefits__grid--four{grid-template-columns:repeat(4,minmax(0,1fr))} #main[data-ainote-landing] .an2-benefits__item{display:flex;align-items:center;gap:16px;font:400 calc(16px * var(--ac-type-benefit, 1))/normal var(--text-font-family);opacity:.8} #main[data-ainote-landing] .an2-benefits__item p{margin:0} #main[data-ainote-landing] .an2-benefits__icon{width:32px;height:32px;object-fit:contain;flex-shrink:0} @media(max-width:749px){#main[data-ainote-landing] .an2-benefits{display:none}} #main[data-ainote-landing]{display:block;min-width:0;--header-height:0px;--announcement-bar-height:0px;--sticky-header-enabled:0;--sticky-announcement-bar-enabled:0;} #main[data-ainote-landing] > .ainote-landing-section{display:flow-root;min-width:0;} #main[data-ainote-landing] .an2-hero{margin-top:0;} html[data-ainote-editor] #main[data-ainote-landing] [data-ainote-reveal-pending]{opacity:1!important;}