< data-emotion="css 4dnsz7-hideWhenPrinting 191pjcp-displayOnlyWhenPrinting 4pknjb-hide lghk9h-hideOnMobile ty7kwy ips67b-noBorder 7igpcx-elevation1 wzmpe8-elevation2 18ccse8-elevation3 1dlp8sv-insetBottom u660bp-widthAuto jc5hbf-widthFit bc3t1r-widthFull muc5bf-widthMaxContent 1u989zd-widthUnset 15kw42l-minWidthAuto 1vxhl1o-minWidthFit niowjo-minWidthFull 1211u3x-minWidthMaxContent 1so8aoh-minWidthUnset 1b91ezr-maxWidthFit 5fo3x5-maxWidthFull wtx8yu-maxWidthMaxContent v91859-maxWidthUnset pcyajz-heightAuto nxwjts-heightFit ugri7l-heightFull j3o5sx-heightMaxContent 1m7vdhg-heightUnset hs33k-minHeightAuto 17eb9hr-minHeightFit 1lh6j8h-minHeightFull 1ut601k-minHeightMaxContent 1mpcse8-minHeightUnset dv5wl9-maxHeightFit pcv3tl-maxHeightFull 1h9ei9x-maxHeightMaxContent 6uv1y3-maxHeightUnset fcqcgy-noOutline 1od0bku-cursorDefault 1k69qe6-cursorPointer 1ntktzt-cursorText 2i6r4y-cursorMove 1rhqxju-cursorNotAllowed lkoni4-cursorGrab 11eflwu-cursorGrabbing iy2uxb-cursorHelp 1b4q8e0-cursorWait 1646hu0-cursorCrosshair sfiggz-cursorNone 1okzvx2-displayNone o1z1mo-displayBlock dp51qh-displayInline nt2qsw-displayInlineBlock 13z0yop-displayFlex 3yra5f-displayInlineFlex 1jubevc-displayGrid cuxtf1-displayInlineGrid aff5fl-displayContents ebgxag-positionStatic iifpqj-positionRelative jh0rff-positionAbsolute 14c4qy0-positionFixed 4pxuzl-positionSticky cxp6xm-centerHorizontal 12gnsmy-centerVertical 1t3q5ms-centerBoth 1bomfm7-justifySelfFlexStart ek53j3-justifySelfFlexEnd ah2ce5-justifySelfStretch 1spv5vm-justifySelfCenter 1sxfjx6-justifySelfInitial 66zbfx-alignItemsStart xad8c7-alignItemsEnd fqw08a-alignItemsCenter 1carj1p-alignItemsBaseline 8ae0w7-alignItemsStretch hsytka-alignContentStart 1ugsmcf-alignContentEnd ozgwrl-alignContentCenter w63nyl-alignContentStretch wdc66b-alignContentSpaceBetween 1rgva5v-alignContentSpaceAround 1ka2z8l-alignContentSpaceEvenly udm3vv-autoFlowColumn xwzi-autoFlowRow o7rytf-justifyContentFlexStart u88b4n-justifyContentFlexEnd gn3zqa-justifyContentSpaceBetween 1sdq7vk-justifyContentStretch ofrxmr-justifyContentCenter 1d0mc9s-justifyContentInitial 1pt8ckp-justifyItemsFlexStart 116lsvy-justifyItemsFlexEnd 1flxm86-justifyItemsStretch tolde4-justifyItemsCenter 1e7n1ah-justifyItemsInitial 1koxbr6-rowChildrenMinHeight oxrbiq-iconBlock 1uwmyp9-text l5wi50-spacedLetters 1vsp7sw-truncate 181cnmr-monospacedDigits b7n1on 1cjaqmq gadk10-barLoader 1nm4vfw-box 1ghiu8m-spinnerOffsetTop 1glola7 j6mvz-container nhf4qr-unpaddedButton 1j2cm9r-tooltip bzumt3-tooltipChart 1vglx4l-tooltipInline m446jc-inline cjmlff-badge eyp2zy 1zcbmq-badgeShadow 1cexln2-borderRadius ih3xa9-button 1u6utdv-buttonDisplayDefault 1ntuik2-buttonDisplayInline rl615w-iconWithBadgeContainer j8xvis-stackChildrenMinWidth mpxxlb-stackChildrenMinHeight 1ocbuii-button 169suc1-buttonLink yehzql-buttonLoading lla7gs-innerContainer helzqi-innerContainerLoading 1rz5wu0-container h9tas4-Rendered 1h7gbqb-fetchError 1qezxtl-fetchErrorStretched 1yekg5a-fetchErrorPaddings p0nmrn-icon 1e6xg65-boxFullWidth lctuvc-box 3vqta-fullHeight 1t3idtr-fullWidth 16q9r2b-row 1x7pa9d-icon 1cy8ov6-downloads 1yrgc02-processingCompleteCounterNumber 1rbud5j-alignItemsFlexStart 4306p9-alignItemsFlexEnd qwb1bd-directionColumn 1y6lco3-directionColumnReverse q9i43l-directionRow 9nw280-directionRowReverse 14ihc8d-justifyContentSpaceEvenly scjr2u-wrapWrap o6gun4-wrapNoWrap 1yus35j-linkDisabled wie99b-linkBreakWord v9yy25-linkNoWrap sjq06e-linkMenu 18eaczl-linkTruncate 9i3nr7-linkPrintStyles 1tq0utg-menuItemSelected za1cr2-menuItemDisabled ba829y-menuItemFocused 1mgt6zf-menuItemSelectedFocused sexg58-menuItem z1o30e-menuItemPadding t91hyd-container hr7ewd-menuItemHighlighted 1ct1i7a-starOutlineButton 1f76ajt-container d795c0-container 1pl5ndu-container fo5nca-container 1s46cwh-logo 45xfer-mobileLogo up188w-desktopLogo 1mutql4-content kalzs4-inviteButton 35px53-workspaceName ddq49c-toggleIcon 1eizzdu-header 1cy1hwz-navigation 1j6l5lr-root jekban bfdws0-fitToContent lb9cx4-stack ddyi1r-reverseOnMobile 17r5gn5-containerRelativePosition tja1v2-display k1y1j0-textStretch 11fwg6q-textTruncate 1izmd5k-inline 1mu98kz-inlineRow 4onumi-inlineRowWrap 1n6hfpm-inlineRowRelativePosition 19irc7b-boxStretchDesktop cadoeo-boxStretchMobile lqygyc-box k54ezc-icon ygijhp 1d0zx8f-buttonSelected 1jdqq6i-iconContainer 1qwy1ev 1i68zhj-buttonLoading 37tpqm-buttonFocused 1b1gykb-limitedWidthContainerRelativePosition ntgeuk-text 1qcpixp-textUppercase 5zmxwl-padding 1xo4n4x-separatorInView sp6hf8-separatorWithVerticalOffset faqkod-toggleIcon 26888s-menu 1r5d05m-menuBody p81ii6-menuWithLimitedHeight 1pma52x-menuItem 66iqcm-menuItemButton g2zwbo-footer 7am2ap-header u2e3h7-selectItemDisabled 1joucp9-selectItemStatic 14sruwe idvccw-selectItem ttqydf-selectItemSelected 1b11bta-selectItemFocused 169u16i-serverDropdownMenu 1jcbjbv-serverDropdown j0043a-button 1gw9zyq-buttonCursor yfqtnk-inputContainer 123dube 1b24x6l-row 1ik2ioi-rowWithoutAboutContent 16k596d-col 8avfii-colWide xrs7y7-menu bplgyz-menuTitle 1o4xsh9-menuList wkli3p-languageSelect 1fcprpi-mainCol 3hqa3k-flexCol cbyvlu-languageIcon 1uy6v3t-disabled 1pobmda-hideFocusVisible 4j658a-iconRevertColor 1x5msv2-section 1giprcs-holderFullWidth v4b8n3-holder 66my6w-holderMaxWidth wtxrpw-hiddenOverflow 1jt3sva-sectionFullWidth 10c7co8-negativeHorizontalIndent 12u9knn-sectionBorderDesktopOnly 1acbpvw f1cmpm 6eydng 17xgta4 mycm4m 1hzxg26 1nkpd1v d87cxm vz616q 1307qgn 1s8es8x 1kzpjvi-boxVisible g8xtyd-boxOverflow 13634vq 1vr2aqi-unpaddedButton 193a96p-inlineIcon 1feho27-menu 1yajnqx-menuItemTopBorderOnMobile 1v7cwfp-navLinkItem iqze4t-menuItem q3uvsj-icon 1z0hh6u-headerMenuOpened 1uje3uc-headerMenuWithIcon 11k6c7c-isOpen yv4vha-negativeMargin 1izb3bo-menuContent 3y9qed-subItemLabel 166fqyk-subItemActive y3hfo2-subItemFocused i3crob-subItem 37sot0-subItemHover nl099v-menuSection 1nba4r5-withVerticalLine e5rry7-sameLineBadge gmzem3-header gel7s9-headerWithoutTrial 8q6doa-headerWithoutNavMenu vqpzws-headerWithBanner 1l0om8l-menuContainer rmoss6-side 1iuw3gx-navLinkWrapper 1pd05pr-bannerContainer ie28gn-iconHideOnMobile 8wf6b0-iconNoMargin 1hct6u4-layout 1o7li20-layoutOverflow w15df6-layoutFullHeight 14nrkpd-intercomIcon 9ntdkq-logo 18r2e94-buttonActive fiach8-toggleButtonPositionAbsolute 1sdr0pg-toggleButtonLineFirst ug0cqj-toggleButtonLineSecond 1su07d5 n4rfk-languageToggle uqj1-modalActive 1r7c8t1-modal 1txwiax-header 14ev3s0-onePixelUp j86cgq-menuSection 1oqezl0-modalOpened 1nf7pmy-footer 1elzro3-footerButtons 10vhy20-heightContainer 1ah566z-filler rh5lcw-box 1qfbib0-icon 1slea8a-navigationActive 1gwtxjr-navigation 1ylnoxv-startTrialButton 9f58a5-imageTabletResponsive bvra6g-currencyPosition 1c6v1db-intervalPosition 1efc0ln-activeNavItem 1yko8kg-backgroundContainer 156g306-card arv4x5-bottomCard 1mabbgp-topCard m7i3kr-contentContainerWrapper 1qw75dk-promoBannersContainer 1r2druw-vsContainer k4r2ht-horizontalLayout ltreiu-verticalLayout 1war1oi-compensateVsScreenshotBorders jx9pbz-imageHolderThickRoundOutline jlvh1q-imageHolderShadowWithInsetRounded 1vh2y2u-imageHolderShadowed 1lw24cg-imageHolder ozwo58-image gq5bjv-imageBorderMediumRoundOutline 1d4nxde-imageBorder w0cmpn-imageModalContainer fo1y98-images au5i8x-menuLeft lnyg70-menu hjyg4m-menuDotsMobileHidden 1h5yzin-menuDots 149xdw-infoLeft 1tkydp9-info 8jgj83-infoItem 1ck0ode-infoItemActive 1r7boeq-tab xusyis-selectedTab 1kmx962-itemContainer fg9xoo-list mdnon9-markerBold dd9llm-listItem caw89u-listItemWithIcon nep08y t652it lz1hdx jto7vj 15h89z1-listItemBodyDecorationBullet lrmcvg-displaylist 114titi-iconTopPositionDisplay levr8j-icon 79e80q-screenshotSmall 1ms8c8t-tableContainer rd7xhs-tableScrollWrapper lugx3q-table 1dpvm7h-imageContainerOuter 1iyo23-imageContainerOutlineBorder cpx3cj-imageContainerInner ij0hhm-loader i3ons i8zoij-tooltipInline 136evzf-tooltipHelpCursor nc5a40-tooltipContent 2p4ow6-tooltipContentFadeInAnimation 9w06y5-tooltipContentSlideInAnimation c8doph-infoContainer e0xmtj-ppTarget 7jgxss-ppContainer 1vhimfe-videoThumbnailContainer njh0to-playIcon sr0bui-guidePreviewWrapper ty4peq-guidePreviewItem 1n7236g-topOverlay 18v66n9-bottomOverlay 9hjrex-overlay lp8yfx-sectionWithOverlay 1hgr3cc-player 1pp02jf-preview 17wvygu-button 5l07ay-play yi1xaa-ssrFullsizeBox x7knjl-whatIsSeoChecker 14wwmsy-list w8tcy3-listItem 1ygb6gb-awtBoxContainer 1og7w3u-awtBox 1pl22h3-button 13os7py 7rewpf-disabled z3l2oe-iframe 1s3iyfm-iframeContainer zxgcy5-modalContent 1pmogjj-separator oxmll0-contentContainer jclxiw-videoButton rrfbib-videoButtonContainer 6j6oko-mediaContainer 1nzjict-video 1cev786-videoContainer ck2zp1-controlButtonsOverlay 1fawicd-container 9aridh-wistiaContainer tuihya-vAlign 1i9bl8x-hideDesktopGapFor2Tools 1ueyroz-image 3rhwtd-content j7mj5e-separator 11l7a87-content ro0ey-image 1t4likh-hasTwoColumnList 56kt8u-titleWrapper 1yvy4ft-plusIconWrapper 1efnrvf-plusIcon 1xuxkoq-plusIconCollapsed 1wrxhg3-content 16715lu-contentCollapsed h1rh1i-round i85xv1-dot 1ju9fcv-selectedDot tz799j-signature 7su15k-sliderArrow 1o5la6s-sliderArrowLeft qu804l-sliderArrowRight 6yzt2j-sliderItemWrapper 1iisk1b-sliderMenuWrapper jgqb34-sliderItem 1e71jpn-sliderBox 1buake3-sliderShaft huz39s-caption 10o0lge-illustration 7z2t2f-overlay ccoxzb-tableContainer 1pe4k2t-awtLogoWrapper qvzgia-gscLogoWrapper mx1sdp-borderBottom 1q8e3se-topEmptyCellHeight sq5qj7-bottomAwtCellContainer dprjw5-loweredAwtBottomCell 10wryel-relativePos 10pmo2a-boxContainer xxperv-card 53b3jx-radarVideo 144vejy-padding os5rzu-animatedStack 19rryax-contentWrapper 11x2jxs-mediaContainerStatic 1kr6441-mediaItemStatic 1962oyq-animatedBox 1rpcuuj-progressIndicatorInitialSize szp456-tiles vkru9t-item 1l33ki8-relativePosition cjo7x7-badge 1u9vau8-tooltipList 15ukb9z-width l2s1qx-arrowsContainer 1hbcwdo-arrowBtn 15s0elr-arrowIconContainer gilgh7-containerAlignText v2ajye-containerSmall 9xqxh8-image 12hs1q-starIcon 9sq5w6-starIconSmall 6d8oqr-tableContainer ao5ukn-responsiveTableContainer mjnkz3-table jll0pl 1x8dnkv-awtColumn 450hqt-emptyAwtColumn 1gk7lj4-rowHead 2t9vzv-rowPrice qs954b-rowCta xhrv5g-rowProgressBar viwy8-awtFreeLabelPosition 12brxr4-comparePlans 18w1gdf-tweet 1yd6vpd-starContainer dwqoh8-star 101us78-width 8o5tvz-videoButtonOuterContainer 2sz79b-videoButtonInnerContainer hghb9h-videoButton 2gtcdg-fixedContainer 9k7ons-tabsGroup 18uiis9-tabsGroupForIcon 17q4cqy-tabsGroupWidth pi7rvk-roundedButtonInside 1pnqwmc-overflowEllipsisOrCenterContent 1i8wj3l-iconButtonInside 14ygovf-contentContainerMinHeight ee25w0-captionContainer 7oimj6-introContainer 1yn9t4k-button 1o6110n-dotsContainer 23839p-dot n389y8 1pdwoxu-outerWraper 1im3gb6-fullWidthContainer 1c6udq2-iconLeft ktzy9d-iconRight 461guo-iconArea ulosu8-sidePaddingsMobile 1qwhx26 38av25-slideSize ngwtus-slide 1wlzvm4-image vte7rk-infoItem q1wbrv-infoItemActive zryzwb-stickyContainer uxl7bn-wrapper 1s5485z-container glj0xn-tileWrapper kl1fqs-badgeWrapper ii5b9c-boxBorder 2gxx9a-titleContainer 1rcjr8h-expandableContent i22df9-expanded rlxkg0-collapsed 17xaien-boxBorder fcasjo-containerDisabled 9kstcf-container rbny48-inputSize t4ddyq-inputInvisible 17c97xu-inputViewChecked h26hw2-inputSwitch 1hgbk53-content yqhlb3-textAreaMaxHeight 1dfyue2 pko7m2-gradientTextBase uu8lo4-box 10l2lby-image 8kilej-images ltm2s-fullHeight 1gsfema-overlay 1rzmbvu-floatingButtonLeft xifxu2-floatingButtonRight 97kiep-floatingButton 1q6qzm1-leftArea 1u74ezb-rightArea zu46kg-controls ui0mgg-showOnHover hu46gh-ratings 8su7av-photoContainer 1jgmu8u-spacer gu3cn8-testimonialTextTruncatedOnTablet 15mini4-container 1v8rqve-signaturePaddingDesktop 3zehe5-repeat 1uu30h2 d0byrv-itemWithVerticalLine w5onxu-tag 4b5jmw-withCursor j7qvni-iconContainer jkodgo-superscript 13lnhu0-masonryGrid 1ytdkq0-masonryGridColumn p3rdc8-teammate a6v7dr-readyToJoinUsContainer qa0md1-noImageContainer 19h5irp-table sb72kg-tableWithStickyHeader 6ypmas-tableRow 1ddvue5-tableWidth dtbr2m-tableRowHover 1w6z58l-tableHeadRow 7f3fpx-cell 11i1mf7-cellHeader 1ifodti-cellHeaderWithCustomPaddingOnMobile qb2s98-cellHiddenOnMobile 1asu5ux-cellHiddenOnTablet 1xdsxx3-noLeftPadding 1t1pmn5-noTopPadding vlknli-icon xycs36-mainScreenshot 7sy58r-secondaryImage 5npl8-mobileOverflowHidden 1t2faiv 1e05zqs-animationTrain 1i5m7bx-scrollingContainer 1fo4huc-chartsContainer 1px28jh-hideOverflow 1ctkcy7-tagsMobile 1dww3k4-mainScreenshot 1osxh5u-video 1k8xnus-clearButtonContainer k0y4za-toggleButton 9uj5ds krmc4r-container 1stznpd-logoLoader qoqtjz-buttonContainer 1c6lmuq-back qjru7f-logo 18cc6j5-containerBody 1k833x1-containerWithFooter b8z475-containerFooter 1pj41cg-buttonContentCentered 1utqf1l-button hpvykk-layoutContainer bu8akf-checkoutHeader 1ia7gde-checkoutContent 1aqcvxe-resultMessage juapzd-centerWideContentOnDesktop 1l8vwp3-signupFree p3z0h3-signupSuccess 3v70u0-signupSuccessIcon vs3mam-formGroup 17hm1qh-formGroupVisible rjclmo-formGroupDisabled y37yjx-icon 2vmiz3-terms 1siar7g-dividerColor 1k3wrf7-divider 1mq89a0-dividerText wlpr2y-authFailedContainer fy34pc-iconContainer 16lp2jz-isActiveIcon 1x11aaa-gradientTop uzn2ou-introSticky 13gmr4l-titlesSticky f0p5pk-contentContainer x3to5e 1yp8pjy pxa0ib 18iz3o2 lqh6q4 o3ey8 poc8cv 1v0i82r qaviyn 1qhk28c-pinImageContainer 1h18hq3-container itbf6w-textContainerMax5Lines 1ahzumd k4rnbe-tag 85xp7r-noteWidth 16kul70-listContainerPaddingLeftDesktop 9n7n08-speakersContainerWidth dmi8vm-speakerContainer w1ruxj-speakerContainerCursor 15lygei-portraitImageWrapper 6k1f5s-ahrefsIconWithAbsolutePosition vajzxx-venueContainer 1havkf6-imageContainer 1f7sv6o-heading 12b5f1t-container 1nh4a53-description a8xdyu-table 1j34s6k-tableRow iw1bwo-tableRowHighlighted 12nxa2w-tableCellHeading 1983u24-tableCell 1v2zav8-image1 c5eyn5-termsPart1 pwtve1-termsPart2 16gt0kr-termsPart3 kurlf0-image2 1490eod-image3 17642n5-termText 9zcfiq-imageBeardedMan cwwzfj-chapterBox 1k00whq-chapterBoxSvgContainer 6afbvc-chapterBoxTextContainer sdpedg-anim uzfh7s-chapter1MagnifierAnim 159h961-chapter2Container 1ld3jjf-chapter2ContainerAnim ykri37-chapter2BlueKeyAnim qajw3r-chapter2RaysAnim 7zqnhx-chapter3RedIconAnim 1edw7te-chapter4ChartIconAnim 1y5bze-chapter4PieSmallIconAnim jfflw-chapter4PieLargeIconAnim v6jiun-chapter3BlueIconAnim 1x1cx40-chapter3GreenIconAnim 12c1l3m-chapter3CircleIconAnim eya3bt-chapter5LeftZapAnim 16ld0ml-chapter5RightZapAnim w3tlsr-chapter6BrickWhiteMoveDown 1fpdizd-chapter6BrickWhiteLeftMove 1q6jiut-chapter6BrickYellowMove 1ndxkib-chapter6BrickBlueMove 1c3zos1-chapter7LeftIconMove 1eq6onm-chapter7RightIconMove 1y4fbuy-navigation 1r2svaj-definition 17h8np hmv0o1-stickyWrapper 1q60wmf-scrollWrapper 1294cuh-characterItem rsaiji-characterItemSelected 11bwn4f-table g4c2ps-table 11lqbwb-tableCell 1um2de3-turnstileWrapper wzet9b-contentsItem 1kmh909-contentsItemText eu6kgv-selectedSectionId 1vm9qq1-stickyContents f2xdsl-container 1y6ythp lc64f9-item 10ixpme-heartIcon 9kqdbn-width 1n8sjk4-roundedBadge 3kq0-compactBadge n3epyu-container 7tefd-inputContainer jp06lw-input b93ki9-inputViewDisabled 11rwf63-progressBarContainer 15bqu-progressBar 17qtrfu-soundwavesContainer u4z6ow-soundwaves 174w9cj-icon rwb4an-podcastContainer 1dinna1-icon 11dtm59-questionIcon bybdo3-videoIcon e5pgh-feature 154yxj5-featureVerticalPadding bkhijq-rounded 1wcr8x1-featureIcon 1s6fb5e-badge xw2v16-tooltipIconStyles gd3ovg-hoverBgLight 1a6kfs6-hoverBgDark e0kh7t ovhcia 1bp4ddp-gradientContainer 1776hr8-canvas 1mvqci1-contentWrapper 19y2m4l-row 4l2v73-rowToolLimit 598npj-rowToolPadding ipwee2-rowFeatureTitle 1gbx4yj-colSpanFill 1uju7ru-rowSubHeaderContainer oj99qn-rowToolTitle qp1jjc-rowToolTitleContent 4xeoqj-rowHoverable m52ueg-sticky 1calmnw-stickyHeader p8nqth-stickyToolHeader 1hu8s14-rowToolTitleDisabledDesktop 1gdab3-containerBottomPadding 1m44z8a-videoContainer 46jcbh-tooltipContainer upw3w8-rowKeyFeaturesTitle eeyofy-tableContainer 1rcklzx-responsiveTableContainer 11aqxap-table 5794ov-row 16chh3x-col 1cwvay4-rowHeader 1fz1e6w-separatorCell ubsv9i-planSummaryCell 1dizxz3-rowLimit 17mqfl4-featureCell 1tc3abn-featureTitleCell 14ljxjj-featureGroupTitle hrfmkk-featureCellValue kez7ir-featureCellValueWithTooltip 1tjb5gl-rowTool 1806f5r-arrowPosition 1mw41bk-currencyPosition 4nxpkh-button 1xi1ue7-buttonDisabled t0kczv-buttonSelected w40sgp-row 1dkx5b6-invertedRow 1lu8aai-pageCheckerWrapper 1jyadr1-statsWrapper qdjn2c-images ec3jy3 tt1ars hwc3ck 13vymqt 1nlueum 1uaujuk 17hhj8l l6htvg rhzz48-animation 1ihei0j-animationGreg 1kc35hy-animationDoggo 1tnqsju-animationEarth 14bu935-animationYellowPlanet 5n5fvh-animationGreenPlanet 1i87jy1-animationBlueStar bsq6ts-animationPinkStar 17i44g4-animationYellowStar 1n5141y-container xctfby-input ceyxih-inputBox weir8j-applyButton 9tbn8c-badge sfg3sz-canvas qjwb44-tableContainer q9cty8-tableScrollWrapper 1wwiufh-table 14sp3ku-tableContainer 1q845hx-scrollableWrapper 4xwaaw-cookieAuditTable ugykuo-cookieAuditTableTextStyles 106typi-slider 1qu5jor-menu k67fax-sliderItemActive hfc03j-sliderItem 1g57h4j-videoTitle 1l29qcz-users 189750z-user 1d1ks0s 1gvc30d-width 1ckk2kq-linkContainer 1nx310c-container 13n0wds 7l304x-stagingBanner 185r00l-videoContainerBackground hlt2je-videoContainer e6x9ef-buttonOverlay ph4f2t-handIcon 1lnc82l-container 1p9ztgr-background b6r5a9-video d3x41j-videoVisible 7086th-imageHidden 19q1yqd-content 1x8d8v3-stat 18o4rby-videoContainer 1mu4fm3-controlButtonsOverlay 1m0o3bp-dotsContainer ozsa2e-mediaContainerBase 175paub-mediaItemBase wu10vl l1ywkw-carouselContainer tqnqzp-carouselTrack gn1ap9-carouselItem 1n3bo3l-carouselItemExpanded 20xzo1-dotsSpacer 185pxc2-expandableContent 1awda6h-expanded hgf9q2-collapsed 1h7zetu-toggleButtonContainer 1d78vm-titleRow xghu1r-titleText y8qaij-contentWrapperWithSpacer tp5sc2-spacer lb89f9-mediaContainerStatic 1vmyjqd-mediaItemStatic 17b3oub-carouselTrack 1akgiv3-toolSlide 2bln4w-hoverZone 1htq4an-hoverZoneLeft 9yyntc-hoverZoneRight 15poz-arrowButton 1gammlx-arrowButtonInteractive hpnuom-arrowButtonHidden 1ymdag5-arrowButtonLeft rcwwlr-arrowButtonRight 1pta05z-progressIndicator pxlhrn-video nb61iu-container 1o58qk0-caption hivgxu-button 1vxtu4c-keyword 1y9yip0-flagPaddedMobile r90cy5-video lzh5cu-stackMinHeight 112bgio-githubLink f0bzch-socialShareButtons cw1nv9-jobDescription 1l45s7t-jobDescriptionLegacy 18zf9di-jobDescriptionLoading cpnjto-gregWithLaptop 1xw9klg-animationBoxVisible m9tihr-logos 2e8ug9-logosRow y84ik8-logosUnderlayer u8ln8b 1u2kf2e-imageWrapper 12o2g2l-image 16v3b97-imageBeardManBike npw6jw-imageBeardManRocket hl0h43-contentWrapper 1q2m9ur-date iyl0yc zfwzja-tooltipImageWrapper 1tymsle-imageContainer 1z0kewu-overlay 1gb74xr-ahrefsLogoWrapper wijx5w-googleLogoWrapper 1dqyqpj-borderBottom 1vp8yoi-topEmptyCellHeight 19po1ve-bottomAhrefsCellContainer jnlv7j-loweredAhrefsBottomCell 1pxo37y-buttonContainer e4th46-textContainer 2pdvef-scaledImage 5py3q7-visuallyHidden 1bggabv-deleteIconBox 1fs5p1r-image 1ufkxfr-dropZone 8yxjwf-dropZoneIconContainer 1i0wot-dropZoneIconContainerBackground dd081m-errorBottomPositioned 1jamidq-minHeightImageContainer 1y41vc4-textContainer 4pmuj3-textContainerExpanded 1bt1520-backgroundVideoContainer 13vbuiy-videoBackground 1kf6vyz-videoBlock kxpe8n-buttonWithAbsolutePosition 1v2psg0-listSectionRadius dtuv6n-priceSectionRadius zfzq18-contentWrapper 1gsscho-clickableLogo 2l8jv1-imgAligner 14tuaup-titleAnimationContainer 17jw2dc u5ejxi 1rm4yj8-container mkcv5j xj8e6q-frameOut v8679z-frameIn 19z0a71-firstImage 1soypst-secondImage 6nkixx-spacer 1syt3kv 1qj5m62-photo 1tn0ssi-listPadding 1b2y3hw-fullScreenHeight 1bbnzsr-textContainer nbkpnw-desktopSpacer 7be1ap-tableWrapper 1vybnuu-sticky 9aki9-containerWithBlur 1ev5ry2-imageContainer 14s5wy1-showMorePadding ujk83y-socialIcons 7uf2h7-hideInPrint hu6k4s-timerContainer 10fdp4k-timerNoPadding 13db28e-isHovered x2eiir 10j60a0-bannerBlockPadding upyk1y-buttonPosition 1sg2oej-buttonBgColor 17gmznw-modalContainer 1lllpm9-modalMobilePadding grzxek-modalBgColorWhite 1k0tolf-imageInitialPosition 19mdwej-mainScreenshot 1ikm0mj-absolutePos 1hyonkz 1ft4jpv 19f9ieu-tikTokIcon 1l04mpu-countryWrapper 1q64f2v-containerGap 1vm2gf5-containerMaxWidth 134sk6p-containerPadding yae3k1-dropShadow 1du4m5w-buttonWithText 1m8jvvb-relativeBoxWrapper 1rkk71v-absoluteImageContainer 7b3mf2-background 1ncsi83-relativeWrapper l5qhck-badgeContainer 17n2nin-tilesWrapper 15xrn7g-leftIcon aew7wd-rightIcon 1wc04z6-imageBorder 1vfdvhv-pastEventCard 1chh0b8-videoImageContainer 9r1vsp-cardContainer 96ihof-eventCardContainer 1gq2a7b u8j2lm-agencyCard 1ov45cp-row dzqjxe-paddedText 1rb61jr-desktopButton z1lk5z-mobileButton 1tof802-detailsRow 2svluy-image 1comc4v-loaderContainer 1b4bprr-loader q6g4ha-hiddenLink 868ihe-mobileDivider r1xuu3-footer 8z6zj4-secondaryTextPrintColor 1cnrz9w-primaryTextPrintColor 143qtyc-hiddenInPrint qiztte-hiddenOnMobile 14lqlis-hiddenOnTablet ohj2ea-hiddenOnDesktop 4iwa8j-displayInPrint 1a8ms1g-displayInPortraitPrint 14wxflg-descriptionContainer b9lzhq-imgReversedOnTablet 8lf5a9-lessonContainer axe9wh-selectedLessonContainer ht1xv2-captionNumberAndLoaderContainer 47irof-logo 3st1kl-scaleDown kaxpea-columnWithVerticalOffset 1vguby4-lessonContentWrapper zhhlzd-textContainer 111f0l4-moduleSection 1sui913-scrollableSection xubuux-scrollableSectionContainer 1ismgqz-listWrapper 956nt9-lessonModuleSidebarWrapper gjzs9f-imageContainer 19sucxs-mainContentWrapper 1fm3tk8-moduleListWrapper 38bl4w-contentWrapper 10yl7m-videoContainer 9c03nw-titleContainer dzq627-medalIconForPrint qqdzyo-imageSignatureContainer 1doqp9k-signaturePrintColor 1u2xwwa-negativeIndentContainer 14seh-horizontalDirectionInPortraitPrint ov2lv1 wcbczx ay63yj-printHorizontalLayout plc0mv-displayOnDesktopAndLandscapePrint 1ax9d7w-printTopScorerImg 10mdd0i-fullHeight xmv54h-minHeightOnMobile 13lrecg-fitContent qm1u1l-titleInPrint iv1ujb-verticalDirectionOnPrint 18r479e-sidebarContainer 1tlikdo-progressContainer uehivx-scrollableList 1gzisqh-borderTop 1my95lp-scrollableSectionContainer v18cua-scrollableContent 1v5a23p-printableCertificateContainer 1aoigo6-gapInPrint inbaie-educatorSignatureImageContainer 1myhhy7-answerBox cmkcm5-answerBoxSelected 1a8y20t-questionContainer bjhykq-modalContentWrapper 1mupnlx-finishExamModalContainer ww4kzh-modalTitleContainer 3db9x7-teamImageMobileIndent 16ew84y hg8z3m-closeIcon fe831v 1hp45ti okxgys hh4guz-statsColumns 13kgm30-linkWithTopIndent 1olxfl8-columns 1ubw2db-item 4h7nmi-columnEnd vyxv8e-smmBannerImage v7i9ez-controlsContainer 1yd4ano-controls 7x8udn-controlsColumnStretchMobile izrobj-translateContainer xxnav0-container 1v3f4t0-stickyBlock 1fsfwsb-containerWithNegativeMarginHorizontalOnMobile e5fh0s 18i68xd-blinkingBorderContainer 1fn8q4s-divider ig6iz2-sidebarContainer uf5x6l-container 1onauet-header gx8u4b-previewContainer 1uhwpw7-htmlPreview onb3t4-customStyleInput vfoba9-screenshots 174w2rw-floatingScreenshot 1vvsdbk-contentKitCard hzpl0s 1n4y9q3 187tltf 187zq4i 3dshdm 923grl 1soja3n 1vznryd 1bjhv8d 3sj1cp fnidic 1fu38of 1jf799y yrs7jd 1fu0ftx 1v950zo 2ywwa9 1gbx4kk kqzqgg 4xtrpw 1qzxttk 1sgcv3p 1andnh6 110osue 15tg8vk 1oupvy9 12szu0z 1nojgtk a0t0xh y9lfrs 24tsjo-textColor oi9nct-textDisplay rr08kv-textFontWeight dtb5zf ym91mt uxqxrq 136nzyd ee1mb0 sddoxu 1smtklr-textColor 18wefwh 2734kf 1u4ulfr 1nsd9vv 6f1wzy-textWhiteSpace 48snc1-textDisplay uoqnqe 6s1820 1us6rus 19e39cq 1fj1mkf 1uq6mu9 1w2zo7q cu9qzc iodyq8 937y7w u05ds5 crscqe 1cgqy4m 118cmcz 1w9vo wke25o 1y1tzge 1nns36c 6b712u 1tyndxa z7hu84 1iu7kzp mr7bsp yaw76i 7edycg-textAlign l8gk13-textFontWeight 1kix1aq draf62 1mstajq 19msw4o c72jl9 ciyrnd wixjj1-sectionColor 1gnkudj zfwzfu mnzxgx ulkc8u-boxVgap 1uuxeds-boxGap zcxndt 6twsqq 1sf54da-inlineRowVgap 1qgvjy4-inlineRowGap 1b7oxme-boxVgap jcnfit-inlineRowVgap e1lwn9 pqb7m0 r3nfv1 l4k8r huer0q 11lxh5z v0qqkq fcmq8j 1o7pn5 55rdki 1kakr30 10klw3m hghncw 4kqzni 186bnk2 qcexm3 1hgtncr 1xyy15g-sectionColor c3yz4m 17b57qx 3yeqjc b8krmw-sectionColor rcc4gm jeelns 14bqp1s ibhige 1mmv2pp-image ffux1x 1vol7xm vux0e0 1br7676 90sjlp w6lfws 112pij5 1au3owq 1a5tihh 1t9x3tx-boxGap kb3qcl-inlineRowGap 1itam5s et6eec 125ozqm-textColor 8nm8wv 9bj6hx-top qi3rlm-right 1wuxorg-bottom 1yib6qx-left 11zzmhy zimmq3 6hyr2a wt1hs g6miwb 9axu40 ub8y5w 1d2tvt5 1nquihr 1lta7sd-textColor ozyu92 rgib4x 1mjajgy 1auttla 3p1hjh 184ie0l 358zrw eqmivc 105xcj3 puwluo p0rbbf 1hjjleq g27xd1 5hvlh5-textWhiteSpace 1wr2t0u-textColor 8pmp2d 18s2tsr 4jbetg 18of8g1 m8kjwv jkrgpz 1kwqcma bgujv7-sectionColor 193apt3 8qimkt 1ccsw85 p10vvy-boxGap 1xzidh5-inlineRowGap 1fag2a6 1grgkhy 1xt3oag-boxVgap 155m2te-boxGap 1q4an1u-inlineRowVgap 9cugxb-inlineRowGap age853 18qxr97-image thqn8b pxtfjc 19wc218 171c0qk 1aq0cb6 nbt6z0 g8s1lu-sectionColor 19y4dau jmy93n 1u0iah1 lbob10 135in2k a3k81x ymzmlq-sectionColor 115l1wb fmzgfl x4dmss 1ry50d0 13irtvp yky54c-textWhiteSpace 1krlkgw 4yxxwq 1b97wuq xawcr5 1jnoljo-sectionColor 1m2xlfi 1t12hyd whw3n9 4h77q2 o3o392-boxVgap na6efe-inlineRowVgap 18nqa6u-textColor 5bxd5y 599ot1 11jiqmp 4qpzou wcs6 i9dzsn vsfkgb 11522vn 1rztew1 1273j0 12hj6d0 1hrsx2a 1mdd8r8 y1s2mf kr1lk9 1y45lu7 4p0ict oolrfl 1jx9s3l 1r7155g 1g7gues 1d1m58r 1867hry klaciq 97u2k8 1l7u25v 1xjo6vn in7znh 1gzevze 1o2h57o 18pifcr-image fxllub 13es24l v3x0j1 8v4lpc 14m7nj3-imageSrcSetter txyuys-imageSrcSetter 11rqyhu-imageSrcSetter 1yoqjc7-imageSrcSetter 136bw6-imageSrcSetter 14t16v3 1y3jl3a 1sw6bil 14d37h3 eeihp9-textColor yt0imr-textColor 58g0gs 1wqzpma zzm0hu 1ccd9kj 1ij0ooj-imageBorder-ThickRoundOutline luv0bn-image xwfukx-textAlign 1eveb1h-image 7m9bf8-image dndigr-image u7q8q-image cyozzv 13vmy8l-image l991ds-image c16rt5 192crjp mhfv1t 9hfg27 19rf7na 1d1k9fi k3a8uw r5wcfg 1m5aeab 17p1w35 rf20lq 1dtv4tr 1qq4hm0 1vlgx4l 1qyzyun 1m67vkk 16e0utd-box o8nvka 1rr5b0l 11edd9c 14s7sok 1qjhdmj w08oz2 4vgelk 1tkoxtk 155jcqn-sectionColor u4xvqn 13gnn8b 2qi252 1xh8p9c-image 1jyb9g4 6s0ffe pjq1zo 31byxn xh1wf1 1fu7vp9 1mr2k51 unbmgz 1vvuf3l 1iys4ah szbae3 gof5q2 1n8fgdx 1h0hbvk 1awwkvz 5h5ytw 1gtq8fc y8aj3r 1gk85mn 68zbsl d5dmac 1ty1x88 fo2edb 1gtcnj8 12lo30m vwlzrr 13m9f89 3q051s 1gkqxdw 845d4s 1yp7og9 1vf6ntt 111wug5 1jfdmf7 14vzexy 1wptzu6 1oujmni 1igkov1 12axwg0 14vfx6b fah9dp h94eyf 1x6ua1z 11wfywy 1bqxt0r b1iute 2o0zen 1sy0xge r2j5p3 10srfct p4eotu-imageBorder-RoundedLargeOnly jd87y2-image 1pt2cm2 f90g2i 1uy12dx 1n9uh0o d757qh pin6ml m2xlmp 117c6gt stkg99 145kfwb 1dco5ry 2w427 s7vnvu qvdid5 1bb2qdh 1gpn4fq 1g4udia 1qjpw1f 1o8f4x6 ub98m3 1820k25 fle27o vxfgki 17jf0vr 4avy6r hqi55i-sectionColor 1517rjv 1ck6pnv r3b24n sxvus1 kuoygf 781mdt u0cukn togzwj 1o7a0kg pkhh0j 1slzm 1g51eni ehdq1f 1kkd0gk hwlayu 17e04rn wumwl0 m5mp2q 4ody4r cato53 h8risy 1sylwce uzcfj4 1lozt5d h812ai wicmpn 1bpaqkb 1vfbzle nv7d2l 1bl7xaa-imageBorder-RoundedTopOnly 1fqcula-image 1ohaz77 1s5w7ax-image ub4qit-image 1wrdg24-image l2gy1j-imageSrcSetter enehul-imageSrcSetter ugpft7-image d6cdun-image q13fjk-image zbrr3r-image 1yz4zwj-image 3hmumc-imageSrcSetter trf813-imageSrcSetter wm53sv 16xb92t zrol33 1ol0pzh 18cmmzz 3hdr6t j680tp c4ilhg qcapd3 1kulm0 13vv3u7 5uyqgf 1dziuyf-boxGap 1jfvg9w 27oamz-inlineRowGap 11u9o7q 11s80md 147f87h 1hbgapw g51fd2 11qh9ol-orangeGradientAnimation gj4auc hcbe4v m445qc-blueGradientAnimation mh3xni 1toa1sq 1motcyx hz1zk9-boxGap 17f2quq-inlineRowGap nqnqcp sqa167 gu2gm3 bx2mwg 1iz71fq x3977y 18yhwj9-image rzuwkd 1djjlh2 bc104d 1oatuvl 1kt7gng 1ms51fo 1v1lh5x bhmehn iwmuvd 1frmelm 1tirj2r eggeti 1dskhfg dkoi0x qmuz6i byoqvm 1cl3ytl-textDisplay 17ivn46 s8v0s5 v5180s 1vikjm3 j07pl0 1kv4bc7 jlzk78 1rir80e 1s1awtw 9d1w3q 1bj0t1i h8ys9v l1af1f 8iywmn 15g5iqw 1rgmlk7 s5zscz 1ofl8g4 5dd8ec 9oxhr7 rgojjq sk0akk 3woiin wmxa39 fkmndd tddue0 107dikv 59badv-boxVgap o69bsu-boxGap xkfe9a-inlineRowVgap 1lbnu81-inlineRowGap aigf1o vngql2 8a4a53 yswa01 shhec5 wtpnzt 12ury4f 1v4sugm q1l7gw 11npbuv 1mqidev-image 1wj551w 17slktg-image 1bordde 1v6c6wl-image 2angxu 1uj01oa ilve9c-image 7t1p8z bemno0-image mipqfz ao32qa-image 1d7tots 13qf38-image zx55zf 13gdvjw 4w6oic-image blvqb yvst2r-image uiy02w 11ertma-image gat3an rwuhh3-image ach8oh 1fjp1zw-image 1cps2e8 djxopi-image 1pl031x vaee5q-image 10nca3t cz0b81 qv0op-image ti1jwt c3a7rg-image rlfssy 3wt50v-image 19v1ssa tw0lgu-image 14ikff9 igak56-image 94y6ma nb2jp9 1t4mk4w eybden 1g5blhn 1m25w6b gwquy3 k3i7vr rrm59m 1uf6irq-height ah6qm7 1q8pamz 4ueh92 1x4igx 1wnxqgb 1xsyszc 4395x5 103hung vkjl83 1qtvl7n mz9qt7 ekyaua 1hpq6ku cun7e0 vldkxt 15tq0gp 1ctt4d0 leau9k htjzuy rqgsqp 1vjod6q-image 1ht8h7u k930ol 1p2zder pniycs by4m48 lnyvlk 1stmnvh-containerPositionLeft r6vb3m-containerPositionBottom 40iuwb-containerPositionRight vdjwlq-containerPositionTop ymhe5i enfclq 1rnw9rw v6ms1z-containerPositionLeft 1rspgwl-containerPositionBottom 1k29iu0-containerPositionRight 1p6zg52-containerPositionTop 1dkrqq4 3e3vn3 16q2m43-minHeight r0vto3 itxf82 41vhj2 144ag6r 1kvi7m7 1tq38pe 1wijyjc lvj1vs qotrv6 qnlfbj as143e-image 3mi4nz-minHeight ccb9vd 18puooo 1gvudp1-image 1fjj3mj-image m9l4g9 15vvt3d k51ack jnxr0r dzm7md rlakxq 1w855gb 1xc55ay rcmr1t 1okl3q8 1j4fbdn tko227 1tkvhe6 1dwf30v 1645a5x 1v65706-textFontWeight cbj27m im0w6r qjxs2e f2h6zz 5n85h2 1gdbz2s 1hw6rfg 1lwew1b 111o5ku dyukha 1ceygfl 155us80 9uy14h dp32s7 cgmsiq 1vorfk1 1mqxbez 3jyo3h 1kv87o 1jb7q8h 1c1fn01 aff81s c96dl5 4dsd3s y75n13 1qms4fh lf8yjz 1b7qhkq-orangeGradientAnimation 4lxl9m 1h3xpdo 1t1aeyc-blueGradientAnimation 1bvqqpj 16yhx5z mc81z5 1ua2qa2 yvu3bb caxp8y 8ntf9g uhliag-image bl2api-image 17ruieh mtr4d8 ga1nn3 pezraw zjkm6b wzd6du 1klqhsy 1bas6qk 12v16sy 1pw8zku 15a06dv 1cufjf0 15p70kk 1wj8r4z 127tl11 1u72h00 1lj426e 1lwwqqa 1gh31wc 6gh4ng 1banfdt 9ykgu8 1co93fe 15mr5bz 14xg4c6 1i79u90 bvbczn 1vq0a1y 1kt4gl9 nn7dls ko37bt 19isced nva0dw 1x8va1f-textDisplay zfkw4m 1mde5fu lxnley 1g814m7 1dxj4i1 1omc41y 7aqu6z 1ocel6d ivz38r 11d8tr4 1syosiu z5cqu7 1qag9f4 1x6nc9d 17npln0 10teibs wvs0tv 1rzpg1n 1ulr8ch 18vp2jh 1q99uw8 1krpr70 12i0f1a mwo694 eup9b0-inlineRowVgap 1wy3e3o 1i3cavu f6bec6 1d8x6om 1ld5ten uq84qx ya62sb psbu7k 1s39yit fzqoy4 1j4yvex 1b1buxv ezyrxp zuzxt4 1xj0c3y jzaaip 1x8ulx9 ygyv8k iw52ky 13i58o1 17l5g6e z70lr0 1xl66ui 1fzh8pd n2zfot 1514wwg 16xefvy zw36oq-imageBorder-Circle 13vejuc-image szi657-image ejr2qi 1rf3q4r vg2t8z-image hli8b4-sectionColor 1ttv1ry-image 1yyqycf 16w3eyu 1tswe8b 1bxsh5w jr1io6 wc1gtk bo4dgk-backgroundPosition 733cwj-backgroundImage 1tvqinc-backgroundSize 1mnfdin hf0up9 12yx7e2 17gyoc0 170iik0 1o8busd 1w7mhhq 1s2nwzn 1mk4k1q 9cz4sg 1bwyy8a 1j9bw45 1y9dwqv-image 161f95v-image bj6e95-image 1xpi5v0 gf879s 1gtil13 1ytd7q1 ffjdi1 eivtk2 1339k1f 1xhcme6 qkf2np 1a2dkud 1lw213k 1du4qag-backgroundImage 1o3oycy 4ps6wn nwg4f0 swr703 p3ohs0 1uhhtk3-top o99dfw-right tseopn-bottom 16t0y-left desnby 1vy22gr kdlqc7 as94bc 1nztxxo xcpumv 166zp 12ual45 j81im6 6swvlo f8x8 efysn3 1n0jy2g-backgroundImage c6bx1w 1pxted 1isa41d 16q5n09 h92ymy 1u4w49z-backgroundPosition o9n4-backgroundImage 14lf2mx-backgroundSize 15n2pka 1u21pzr jqrwrf-width 394ki-width 1wklar1-width 1hmlaz0-gap 12t1y23-minHeight 1orrxp6-right pvycca 117k856 t9obqd 1eyzhtq-image oky69k-minHeight 1kgud74-right 168r0j-minHeight vy3rbi 1kjiv2i 1us6j75 o0ek1s 1qv252j 1shyctw 1wbe4d1-backgroundImage 1pk38he 16zdjwz 1m1ce6j-top 1k15d9u-bottom 1j8wldj nmixx6 17byvm5 i3eg1 mknfsq-image c445s5 16rh551 rez9at-backgroundPosition 16bh6ad-backgroundImage 1gfyexc 1tb777j i05ln8 1306q46 12rg7f0 dn8lbn 24ajaa 1pkeer1 66aqja 1p85h3g r41u73 1lyegom 14fenvw 1th2nyk 16bravh 12yfhny 1kg8y3p 1iujluo hdit9d 1fhxu9l k0yzfl 18lq66j z0n7n9 1c4zlde 1x7dgnn-image 1pi0clu-imageSrcSetter yf4d4d-imageSrcSetter 1xolejf-imageSrcSetter keuuyt-image 1pb35g7-image klebz-image 1st63sr qwhepx 1m9vab7-box 2yvlkg cm3i2a-box 13xn95k 4hyyoh 1cozorb xj5st1 1x5n6ob vemh4e 1d7j822-box 1o8vtex-image nsxgm3 12ubpp7-box 1imivd6 1kwpekr kmvsx 1nyu21j-image y9rl4m-image eyv5tq 1x2flzv 14pcgxv mp89kc 1fc7fo3 xp4v9n 1y01gx4 e364ta-box yw3wzk-box 13ab1l7-image pv849v xsyayj-box 12bnri7 3g6xb4 1of8ezo 1heh92o c6oar4 128id0k q3d95g 14zxybb 9a815u 1mwo467-imageSrcSetter f6o849-imageSrcSetter hvgxe0-imageSrcSetter 97nmn0-imageSrcSetter styp0v-imageSrcSetter cu7dc0-imageSrcSetter 1qhj5g8-imageSrcSetter 11mmkvd-imageSrcSetter xbi485-image 14tw3zi-image efpw0y 1i4vm0t 1j4v8xs 46ij9e 10tu008-image 13lfki2 13z1i0e iau7ma ppbqy3 1ospvdu 1mj0hj9-sectionColor cenq5u oiyuj9 gmfzpm 1papq4p i4mpjl krwcv3 1nmsqe7 15cdxpg-imageSrcSetter x1m6xa-imageSrcSetter mou0b6 1n9knz9 4gmsor 1w2oqhd 181ipwu xx0fcr 1ss8hkz 1ulk5vj 1tcvrj4-image 1fbcm19 12djyz2 q4m3i4 u03ki2-imageTransforms 10z5r4l-image 676hed 43z1vd 16ogoy4-image 1i9lo1v 1frjf7n-textWhiteSpace 2rp3t1-boxVgap 41lgec-inlineRowVgap 15rksqm 1sw1611 f2r9ty thv6yt rk5z9g ifde6j b3w9c nx7yjo 111hict-image 1fecn6i 28wqrx xsygm8 14k9puj-image hoe4mn 1hvq0sq e4eajf y26t3a xm1opi-minHeight 7r36ve jt5eky 1oxp0gr 1g7lmbi 1wfs8tu oxh0lb 2f2ic5 1bl5bzm-imageSrcSetter ow80ti-imageSrcSetter gi5d3m-imageSrcSetter zd5zw7-imageSrcSetter 6ngrg0-imageSrcSetter possxv-imageSrcSetter zp3th1 1ordhz1 11led6e 1kbwdwd 1kha6vs 1k3v06z 100j7dq 131rhhc h2h3yr ou01qy 16mrhal u6lyf9 15cyal5 1hajgrq 9elk5x zg7g89 1cu3x9c 1s4shfa l6thwp 1j3ujmo 19ultrx bz0atg 185f5hn go6uw3 17d6abu 12at8hj j3giqp 1s2kwhr 1tl5er7 z5k0x6 o5gmlr 10v0yxl ndyz 3zl8ng-image bsl3cs 1e69ny3 o0ce4p 1rvaqn2 1enoeox 1gwvvjb 4if8ps fxl95k squ656 e26xel 1lmpbmp 1dyixt8 yxca2n 1iae90t 1n21x8i 1wybti7 10d6kr8 joex1f b1bueu i70god 1jhgf1e 6bxx3t y6ipje 1geioe 1b30t0n xc7cty-textColor 1m278oo lsih1w 1rnuxs5 xy7l3d imy8xu 1uajy5g-textAlign 4dtpsw-image 1swi9ya si6a5p 1sogu93-minHeight 17d84w0 h7q8be vn04qj 10mj4z0 1bt230a 1d1459v-minHeight vpznq0-image 1wwsxv7 12glnsv 1xf6fjg bdm6o0 1qdomdg 1t7qusj 1bduxk5 zszuot 77v2ec rj4uha 1pezu2p 1d6de50 gdy9b2 yriunx-imageBorder-DropShadowRounded 1alcwfw-image jc1qsw-box 1umm3mx 1061sk8-box 10r2w20-box 1umen6x syeel4 4pak6s 19csv0j j8ufj0 190e9ob 10et1sn-image 1gq2z3w p5h26n-image e2f66h 745ziz juom99 du5cdv 1p70znx mtxryq 1iuqw1o 169r40m-width 1td5bda-width 1j0qarr-minHeight 1u179ux 1o9k4zh yvlx-image 1xj7863-minHeight ct5alx rqbqnu 1590kd 19d38u5-image 1vfm5lu-minHeight n5f2yj 1iscvf2-image 1r3xeym 5pqo9t jh698k-width 1vttc9u-width 1anqg9d-width 3oi7bd-width 5x398z-gap 1e3ef2e-minHeight 1ezltnx omgmu2 18a9tt7-image 1wt02nr-minHeight 16d5vco-image 4ffhhv-image 1txb3k2-image zcqwzb-image 1vlyrcs-minHeight 2owl5n onkpmc-image h292jc-image 34mjlm-minHeight 196xino-image gy87k5-minHeight 2v9d9a 2yr7nb-image 1jrafvn-minHeight xivafm-minHeight vinr2k-image 1e328ui-image 1331p50-minHeight 1lbo5n8-image 1xuqups-minHeight 1t7ygmm-width 1a3yb1i-width s2o9ao-minHeight zmeyr4 8g88u6-image 1f25yen-minHeight q4hukj-image yyz53l-minHeight 1skxp1h-image 1m03cv4 1rp741k 1ijqz3x 158l0cq 1fc5dcl 1g0bxb1 vw1iji 35lc3d dao4v9 ccafnd 1uke2r4 vw0nyn-image szqpjn oshrl9 urxi0l 1fqbsmy 1wj1djd ms559n 4u1d3t 5xo32i-image ns6nx5-image 1tmce0r-sectionColor 1tvf2ws lugs96 15alyw3 1lp6g3j 1wzyk51-sectionColor imhscf 880464-image 1f9ye07-image x8t0gc-image 7a63k4-image 3bb439-image scws0u-image 1w297c9 10ekjyo-imageSrcSetter 11xzsxh-imageSrcSetter yygbns-imageSrcSetter 7o6cm8-imageSrcSetter e8a64s-imageSrcSetter hx6cr2-imageSrcSetter 1py4ui9 ywgvt4-imageSrcSetter dcys1h-imageSrcSetter 3fcmjd-imageSrcSetter 3wvbko-imageSrcSetter 1k9y2ra-imageSrcSetter 1l3vf3d-imageSrcSetter 5ft6q5-imageSrcSetter 1spoxfs-imageSrcSetter 12ijlmh-imageSrcSetter 9wx2xn-imageSrcSetter 1wx4hyt-imageSrcSetter 1wug6t3-imageSrcSetter g4dmlf-minHeight p4jobi tfw6aj iy6pqb 1xb1p7y 1w32711 10sg9lv 5rtdw9-minHeight bp371r 17elvba 7avuhb o4sgws-imageBorder-ShadowWithInsetRounded 1bomn3f-image 17iqtal 1pveln4 1b63d8k 8xujd o4v9ip 1rxlak 12s0nw6-imageBorder-RoundedOnly 1kssu9-image vyk8b8-imageSrcSetter 1ijr04v-imageSrcSetter 1lq9u94-imageSrcSetter 1sdjel9-imageSrcSetter 88kvqk-imageSrcSetter 3rdpdn-imageSrcSetter 2uzofq lxcy43 d9slfq 1u3b040 ogerjt-minHeight z61as7 1tm1njq dqn48x-image bpqpcq-image 1s9pvux-minHeight 1b9uix3-image ojurdz 17trikk-image zosh5i fdpqpv-image f0za3v-minHeight 37cpno qy4yio 1efnub8-image 12qs989-image 1wksfui-minHeight 6ib34q-image 13g2ulk-image tklqg-image 1q434fg-image 1tcxaos-imageBorder-None 175vneu-image c5scoj 15mow8t kunmzn-image wa3klt-image a5xd8k-image 1x8p28o-image azaudw-image pt84y3-image 68gkt0-image e993m3-image kpuarj 3q6tpn lhrnqi-boxVgap 1evpyx1-boxGap 158qy5t-inlineRowVgap 15hy9p2-inlineRowGap iipvxc-image 1fbpvg3 c4d6ik 1vkj1rv ydaqdx" data-s="">.css-4dnsz7-hideWhenPrinting { } @media print { .css-4dnsz7-hideWhenPrinting { display: none; } } .css-191pjcp-displayOnlyWhenPrinting { display: none; } @media print { .css-191pjcp-displayOnlyWhenPrinting { display: unset; } } .css-4pknjb-hide { display: none; } .css-lghk9h-hideOnMobile { } @media screen and (max-width: 768px) { .css-lghk9h-hideOnMobile { display: none; } } @media screen and (min-width: 769px) { .css-ty7kwy { display: none; } } .css-ips67b-noBorder { border: none; } .css-7igpcx-elevation1 { box-shadow: 0 0 0 1px var(--shadow--elevation1)0 1px 0 0 var(--shadow--elevation1Bottom); } .css-wzmpe8-elevation2 { box-shadow: 0 0 0 1px var(--shadow--border)0 2px 4px 0 var(--shadow--elevation2); } .css-18ccse8-elevation3 { box-shadow: 0 0 0 1px var(--shadow--border)0 3px 18px 0 var(--shadow--elevation3); } .css-1dlp8sv-insetBottom { box-shadow: 0 -1px 0 0 var(--border--lineAlpha) inset; } .css-u660bp-widthAuto { width: auto; } .css-jc5hbf-widthFit { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .css-bc3t1r-widthFull { width: 100%; } .css-muc5bf-widthMaxContent { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .css-1u989zd-widthUnset { width: unset; } .css-15kw42l-minWidthAuto { min-width: auto; } .css-1vxhl1o-minWidthFit { min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .css-niowjo-minWidthFull { min-width: 100%; } .css-1211u3x-minWidthMaxContent { min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; } .css-1so8aoh-minWidthUnset { min-width: unset; } .css-1b91ezr-maxWidthFit { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .css-5fo3x5-maxWidthFull { max-width: 100%; } .css-wtx8yu-maxWidthMaxContent { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } .css-v91859-maxWidthUnset { max-width: unset; } .css-pcyajz-heightAuto { height: auto; } .css-nxwjts-heightFit { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .css-ugri7l-heightFull { height: 100%; } .css-j3o5sx-heightMaxContent { height: -webkit-max-content; height: -moz-max-content; height: max-content; } .css-1m7vdhg-heightUnset { height: unset; } .css-hs33k-minHeightAuto { min-height: auto; } .css-17eb9hr-minHeightFit { min-height: -webkit-fit-content; min-height: -moz-fit-content; min-height: fit-content; } .css-1lh6j8h-minHeightFull { min-height: 100%; } .css-1ut601k-minHeightMaxContent { min-height: -webkit-max-content; min-height: -moz-max-content; min-height: max-content; } .css-1mpcse8-minHeightUnset { min-height: unset; } .css-dv5wl9-maxHeightFit { max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } .css-pcv3tl-maxHeightFull { max-height: 100%; } .css-1h9ei9x-maxHeightMaxContent { max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; } .css-6uv1y3-maxHeightUnset { max-height: unset; } .css-fcqcgy-noOutline { outline: none; } .css-1od0bku-cursorDefault { cursor: default; } .css-1k69qe6-cursorPointer { cursor: pointer; } .css-1ntktzt-cursorText { cursor: text; } .css-2i6r4y-cursorMove { cursor: move; } .css-1rhqxju-cursorNotAllowed { cursor: not-allowed; } .css-lkoni4-cursorGrab { cursor: -webkit-grab; cursor: grab; } .css-11eflwu-cursorGrabbing { cursor: -webkit-grabbing; cursor: grabbing; } .css-iy2uxb-cursorHelp { cursor: help; } .css-1b4q8e0-cursorWait { cursor: wait; } .css-1646hu0-cursorCrosshair { cursor: crosshair; } .css-sfiggz-cursorNone { cursor: none; } .css-1okzvx2-displayNone { display: none; } .css-o1z1mo-displayBlock { display: block; } .css-dp51qh-displayInline { display: inline; } .css-nt2qsw-displayInlineBlock { display: inline-block; } .css-13z0yop-displayFlex { display: flex; } .css-3yra5f-displayInlineFlex { display: inline-flex; } .css-1jubevc-displayGrid { display: grid; } .css-cuxtf1-displayInlineGrid { display: inline-grid; } .css-aff5fl-displayContents { display: contents; } .css-ebgxag-positionStatic { position: static; } .css-iifpqj-positionRelative { position: relative; } .css-jh0rff-positionAbsolute { position: absolute; } .css-14c4qy0-positionFixed { position: fixed; } .css-4pxuzl-positionSticky { position: sticky; } .css-cxp6xm-centerHorizontal { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .css-12gnsmy-centerVertical { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .css-1t3q5ms-centerBoth { top: 50%; left: 50%; -webkit-transform: translate(-50%-50%); -moz-transform: translate(-50%-50%); -ms-transform: translate(-50%-50%); transform: translate(-50%-50%); } .css-1bomfm7-justifySelfFlexStart { justify-self: flex-start; } .css-ek53j3-justifySelfFlexEnd { justify-self: flex-end; } .css-ah2ce5-justifySelfStretch { justify-self: stretch; } .css-1spv5vm-justifySelfCenter { justify-self: center; } .css-1sxfjx6-justifySelfInitial { justify-self: initial; } .css-66zbfx-alignItemsStart { align-items: start; } .css-xad8c7-alignItemsEnd { align-items: end; } .css-fqw08a-alignItemsCenter { align-items: center; } .css-1carj1p-alignItemsBaseline { align-items: baseline; } .css-8ae0w7-alignItemsStretch { align-items: stretch; } .css-hsytka-alignContentStart { align-content: start; } .css-1ugsmcf-alignContentEnd { align-content: end; } .css-ozgwrl-alignContentCenter { align-content: center; } .css-w63nyl-alignContentStretch { align-content: stretch; } .css-wdc66b-alignContentSpaceBetween { align-content: space-between; } .css-1rgva5v-alignContentSpaceAround { align-content: space-around; } .css-1ka2z8l-alignContentSpaceEvenly { align-content: space-evenly; } .css-udm3vv-autoFlowColumn { grid-auto-flow: column; } .css-xwzi-autoFlowRow { grid-auto-flow: row; } .css-o7rytf-justifyContentFlexStart { justify-content: flex-start; } .css-u88b4n-justifyContentFlexEnd { justify-content: flex-end; } .css-gn3zqa-justifyContentSpaceBetween { justify-content: space-between; } .css-1sdq7vk-justifyContentStretch { justify-content: stretch; } .css-ofrxmr-justifyContentCenter { justify-content: center; } .css-1d0mc9s-justifyContentInitial { justify-content: initial; } .css-1pt8ckp-justifyItemsFlexStart { justify-items: flex-start; } .css-116lsvy-justifyItemsFlexEnd { justify-items: flex-end; } .css-1flxm86-justifyItemsStretch { justify-items: stretch; } .css-tolde4-justifyItemsCenter { justify-items: center; } .css-1e7n1ah-justifyItemsInitial { justify-items: initial; } .css-1koxbr6-rowChildrenMinHeight { } .css-1koxbr6-rowChildrenMinHeight > * { min-height: 0; } .css-oxrbiq-iconBlock { display: block; } .css-1uwmyp9-text { padding: 0; margin: 0; } .css-l5wi50-spacedLetters { letter-spacing: 0.05em; } .css-1vsp7sw-truncate { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .css-181cnmr-monospacedDigits { font-variant-numeric: tabular-nums; } @keyframes animation-b7n1on { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes animation-1cjaqmq { 0% { background-position: 0px 0px; } 100% { background-position: 1000px 0px; } } .css-gadk10-barLoader { display: inline-block; border-radius: 3px; background-size: 1000px 100px; -webkit-animation-name: animation-1cjaqmq; animation-name: animation-1cjaqmq; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .css-1nm4vfw-box { display: flex; align-items: center; justify-content: center; } .css-1ghiu8m-spinnerOffsetTop { } @keyframes animation-1glola7 { 0% { opacity: 1; -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } 100% { opacity: 0; -webkit-transform: translateY(4px); -moz-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } } .css-j6mvz-container { } .css-j6mvz-container svg path:first-child { position: absolute; -webkit-animation-name: animation-1glola7; animation-name: animation-1glola7; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; } .css-nhf4qr-unpaddedButton { position: relative; max-width: 100%; max-height: 100%; padding: 0; border-: none; border-width: 0; background-color: transparent; cursor: pointer; } .css-nhf4qr-unpaddedButton:focus { outline-: none; } .css-nhf4qr-unpaddedButton:disabled { cursor: default; } .css-1j2cm9r-tooltip { background-color: var(--background--box); } .css-1j2cm9r-tooltip[data-state="hidden"] { opacity: 0; } .css-bzumt3-tooltipChart { width: 100%; height: 100%; display: flex; flex-grow: 1; align-items: flex-end; } .css-1vglx4l-tooltipInline { display: inline-flex; } .css-1vglx4l-tooltipInline > div { display: inline-flex; } .css-m446jc-inline { } .css-cjmlff-badge { display: flex; justify-content: center; align-items: center; } .css-cjmlff-badge.css-m446jc-inline { display: inline-flex; } @keyframes animation-eyp2zy { 0% { background-position: 0 0; } 100% { background-position: 1rem 0; } } .css-1zcbmq-badgeShadow { box-shadow: 0 0 0 1px var(--shadow--elevation1)0 1px 0 0 var(--shadow--elevation1Bottom); } .css-1cexln2-borderRadius { border-radius: 20px; } .css-ih3xa9-button { background-color: transparent; border-: none; cursor: pointer; padding: 0; } .css-ih3xa9-button:focus { outline-: none; } .css-ih3xa9-button:focus-visible { outline: 2px solid var(--border--accent); } .css-ih3xa9-button:disabled { pointer-events: none; } .css-1u6utdv-buttonDisplayDefault { align-items: center; display: flex; justify-content: center; } .css-1ntuik2-buttonDisplayInline { display: inline; } .css-rl615w-iconWithBadgeContainer { display: flex; position: relative; } .css-j8xvis-stackChildrenMinWidth { } .css-j8xvis-stackChildrenMinWidth > * { min-width: 0; } .css-mpxxlb-stackChildrenMinHeight { } .css-mpxxlb-stackChildrenMinHeight > * { min-height: 0; } .css-1ocbuii-button { max-width: 100%; vertical-align: top; position: relative; background-color: transparent; border-: none; padding: 0; } .css-1ocbuii-button:focus { outline-: none; } .css-169suc1-buttonLink { display: inline-block; text-align: center; } .css-yehzql-buttonLoading { pointer-events: none; } .css-lla7gs-innerContainer { display: grid; grid-auto-flow: column; align-items: center; grid-gap: 8px; width: 100%; min-height: 100%; } .css-helzqi-innerContainerLoading { background-size: 1rem 1rem; -webkit-animation-name: animation-eyp2zy; animation-name: animation-eyp2zy; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .css-1rz5wu0-container { position: relative; width: 24px; height: 32px; display: inline-block; } .css-h9tas4-Rendered { background-color: var(--background--warning); border-radius: 3px; font-size: 8px; line-height: 13px; height: 12px; font-weight: 700; padding: 0 3px; position: absolute; right: -4px; bottom: -6px; color: var(--text--badgeBlack); font-family: "PT Sans"sans-serif; } .css-1h7gbqb-fetchError { display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; flex-grow: 1; align-items: center; justify-content: center; } .css-1qezxtl-fetchErrorStretched { height: 100%; } .css-1yekg5a-fetchErrorPaddings { padding-top: 32px; padding-bottom: 32px; } .css-p0nmrn-icon { width: 72px; height: 72px; } .css-1e6xg65-boxFullWidth { } .css-lctuvc-box { background-color: var(--background--box); box-shadow: 0 0 0 1px var(--shadow--border)0 3px 18px 0 var(--shadow--elevation3); border-radius: 2px; } .css-3vqta-fullHeight { height: 100%; } .css-1t3idtr-fullWidth { width: 100%; } .css-16q9r2b-row { cursor: pointer; color: var(--text--primary); } .css-16q9r2b-row:hover { color: var(--text--primary); } .css-1x7pa9d-icon { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } .css-1cy8ov6-downloads { border-top: 1px solid var(--border--line); max-height: 449px; overflow: auto; } .css-1yrgc02-processingCompleteCounterNumber { position: absolute; top: 1px; right: 1px; } .css-1rbud5j-alignItemsFlexStart { align-items: flex-start; } .css-4306p9-alignItemsFlexEnd { align-items: flex-end; } .css-qwb1bd-directionColumn { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .css-1y6lco3-directionColumnReverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .css-q9i43l-directionRow { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .css-9nw280-directionRowReverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .css-14ihc8d-justifyContentSpaceEvenly { justify-content: space-evenly; } .css-scjr2u-wrapWrap { flex-wrap: wrap; } .css-o6gun4-wrapNoWrap { flex-wrap: nowrap; } .css-1yus35j-linkDisabled { } .css-wie99b-linkBreakWord { overflow-wrap: anywhere; word-wrap: break-word; word-break: break-all; } .css-v9yy25-linkNoWrap { white-space: nowrap; } .css-sjq06e-linkMenu { padding-left: 4px; } .css-18eaczl-linkTruncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .css-9i3nr7-linkPrintStyles { } @media print { .css-9i3nr7-linkPrintStyles { -webkit-text-decoration: none !important; text-decoration: none !important; } } .css-1tq0utg-menuItemSelected { } .css-za1cr2-menuItemDisabled { } .css-ba829y-menuItemFocused { } .css-1mgt6zf-menuItemSelectedFocused { } .css-sexg58-menuItem { border-: none; text-align: left; background-color: transparent; display: block; width: 100%; height: 100%; line-height: 18px; cursor: pointer; } .css-sexg58-menuItem:hover { background-color: var(--background--controlHover); outline-: none; } .css-sexg58-menuItem.css-ba829y-menuItemFocused { background-color: var(--background--controlHover); outline-: none; } .css-sexg58-menuItem:focus { outline-: none; } .css-sexg58-menuItem:focus-visible { outline-: none; } .css-sexg58-menuItem.css-za1cr2-menuItemDisabled { cursor: default; } .css-sexg58-menuItem.css-za1cr2-menuItemDisabled:hover { background-color: transparent; outline-: none; } .css-sexg58-menuItem.css-1tq0utg-menuItemSelected { background-color: var(--background--selected); } .css-sexg58-menuItem.css-1tq0utg-menuItemSelected:hover { background-color: var(--background--selected); } .css-sexg58-menuItem.css-1tq0utg-menuItemSelected.css-1mgt6zf-menuItemSelectedFocused { background-color: var(--background--selected); } .css-z1o30e-menuItemPadding { padding: 4px 10px; } .css-t91hyd-container { align-items: center; display: flex; gap: 4px; height: 100%; padding: 0 8px; position: relative; } .css-hr7ewd-menuItemHighlighted { } .css-1ct1i7a-starOutlineButton { visibility: hidden; } @media screen and (max-width: 768px) { .css-1ct1i7a-starOutlineButton { visibility: visible; } } .css-1f76ajt-container { align-items: center; border-radius: 3px; display: grid; grid-template-columns: auto 1fr; padding: 4px 10px; } .css-1f76ajt-container:hover { background-color: var(--background--controlHover); outline-: none; } .css-1f76ajt-container:focus { background-color: var(--background--controlHover); outline-: none; } .css-1f76ajt-container.css-hr7ewd-menuItemHighlighted { background-color: var(--background--controlHover); outline-: none; } .css-1f76ajt-container:hover .css-1ct1i7a-starOutlineButton { visibility: visible; } .css-1f76ajt-container:focus .css-1ct1i7a-starOutlineButton { visibility: visible; } @media screen and (max-width: 768px) { .css-1f76ajt-container { grid-template-columns: 1fr auto; } } .css-d795c0-container { padding: 8px 8px 12px; } @media screen and (max-width: 768px) { .css-d795c0-container { max-height: calc(100vh - 48px); padding: 4px 0; overflow-y: auto; } } .css-1pl5ndu-container { margin: 0; padding: 0; white-space: nowrap; list-: none; height: 100%; display: inline-flex; justify-content: center; align-items: center; } .css-fo5nca-container { display: flex; margin: 0; padding: 0; overflow: hidden; flex-wrap: wrap; } @media screen and (max-width: 768px) { .css-fo5nca-container { display: none; } } .css-1s46cwh-logo { display: flex; align-items: center; justify-content: center; height: 100%; margin-top: -3px; } .css-45xfer-mobileLogo { height: 100%; display: none; align-items: center; gap: 12px; margin-top: 2px; } @media screen and (max-width: 768px) { .css-45xfer-mobileLogo { display: flex; } } .css-up188w-desktopLogo { } @media screen and (max-width: 768px) { .css-up188w-desktopLogo { display: none; } } .css-1mutql4-content { width: 100%; overflow: hidden; } .css-kalzs4-inviteButton { display: inline-block; margin: 8px 0 6px; } .css-35px53-workspaceName { max-width: 125px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .css-ddq49c-toggleIcon { } .css-ddq49c-toggleIcon svg { vertical-align: top; position: relative; top: 6px; } .css-1eizzdu-header { background-color: var(--alt-background--box); -webkit-print-color-adjust: exact; display: flex; align-items: center; justify-content: space-between; height: 100%; max-height: 48px; min-height: 48px; padding: 8px 8px 8px 16px; } .css-1cy1hwz-navigation { display: flex; align-items: center; height: 100%; gap: 16px; margin-right: 8px; } .css-1j6l5lr-root { display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } @media print and @page{margin:0 !important;} .css-bfdws0-fitToContent { } .css-lb9cx4-stack { } .css-lb9cx4-stack > * { min-width: 0; } .css-lb9cx4-stack.css-bfdws0-fitToContent { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .css-ddyi1r-reverseOnMobile { } @media (max-width: 767px) { .css-ddyi1r-reverseOnMobile > * { order: 1; } .css-ddyi1r-reverseOnMobile > *:first-child { order: 2; } } .css-17r5gn5-containerRelativePosition { position: relative; } .css-tja1v2-display { display: inline-block; } .css-k1y1j0-textStretch { flex-grow: 1; } .css-11fwg6q-textTruncate { overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis; } .css-1izmd5k-inline { display: inline; } .css-1mu98kz-inlineRow { display: flex; } .css-4onumi-inlineRowWrap { flex-wrap: wrap; } .css-1n6hfpm-inlineRowRelativePosition { position: relative; } .css-19irc7b-boxStretchDesktop { } .css-cadoeo-boxStretchMobile { } .css-lqygyc-box { display: flex; } .css-lqygyc-box > * { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .css-lqygyc-box.css-19irc7b-boxStretchDesktop { flex-grow: 1; } @media (max-width: 767px) { .css-lqygyc-box.css-cadoeo-boxStretchMobile { flex-grow: 1; } } .css-k54ezc-icon { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; font-weight: 400; } body[data-fonts-loaded] .css-k54ezc-icon { display: inline; } .css-ygijhp { display: inline-flex; align-items: center; border-: solid; border-width: 2px; cursor: pointer; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .css-ygijhp:disabled { pointer-events: none; } .css-1d0zx8f-buttonSelected { } .css-1jdqq6i-iconContainer { display: inline-flex; } @keyframes animation-1qwy1ev { 0% { background-position: 1rem 0; } 100% { background-position: 0 0; } } .css-1i68zhj-buttonLoading { background-size: 1rem 1rem; -webkit-animation-name: animation-1qwy1ev; animation-name: animation-1qwy1ev; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; pointer-events: none; } .css-37tpqm-buttonFocused { border-color: #FF8D00; } .css-37tpqm-buttonFocused:hover { border-color: #FF8D00; } .css-1b1gykb-limitedWidthContainerRelativePosition { } .css-ntgeuk-text { display: flex; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .css-1qcpixp-textUppercase { text-transform: uppercase; } .css-5zmxwl-padding { padding: 2px 8px; } .css-1xo4n4x-separatorInView { } .css-sp6hf8-separatorWithVerticalOffset { } .css-faqkod-toggleIcon { display: flex; } .css-26888s-menu { display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .css-1r5d05m-menuBody { display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 8px 0; } .css-p81ii6-menuWithLimitedHeight { max-height: 390px; overflow: auto; } .css-1pma52x-menuItem { position: relative; display: block; padding: 4px 32px; background-color: #FFF; border-: none; cursor: pointer; } .css-1pma52x-menuItem:hover { background-color: #E5E5E5; } .css-1pma52x-menuItem:active { background-color: #E5E5E5; } .css-1pma52x-menuItem.css-1tq0utg-menuItemSelected { background-color: rgba(0000.05); } .css-1pma52x-menuItem.css-1tq0utg-menuItemSelected:hover { background-color: rgba(0000.05); } .css-1pma52x-menuItem.css-1tq0utg-menuItemSelected:active { background-color: rgba(0000.05); } .css-1pma52x-menuItem.css-za1cr2-menuItemDisabled { pointer-events: none; cursor: default; } .css-66iqcm-menuItemButton { color: inherit; background-color: transparent; border-: none; cursor: pointer; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .css-g2zwbo-footer { border-top: 1px solid rgba(0000.1); } .css-7am2ap-header { border-bottom: 1px solid rgba(0000.1); padding: 6px 0 8px; } .css-u2e3h7-selectItemDisabled { } .css-1joucp9-selectItemStatic { } .css-14sruwe { height: 1px; width: calc(calc(100% + 16px) + 16px); margin-left: -16px; margin-right: -16px; background-color: rgba(0000.1); } .css-idvccw-selectItem { position: relative; display: block; background-color: #FFF; padding: 8px 16px; border-: none; cursor: pointer; } .css-idvccw-selectItem.css-u2e3h7-selectItemDisabled { cursor: default; } .css-idvccw-selectItem.css-u2e3h7-selectItemDisabled .css-66iqcm-menuItemButton { cursor: default; } .css-idvccw-selectItem.css-1joucp9-selectItemStatic { cursor: default; } .css-idvccw-selectItem.css-1joucp9-selectItemStatic .css-66iqcm-menuItemButton { cursor: default; } .css-idvccw-selectItem:not(.css-u2e3h7-selectItemDisabled):not(.css-1joucp9-selectItemStatic):hover { background-color: #E5E5E5; } .css-ttqydf-selectItemSelected { background-color: rgba(0000.05); } .css-ttqydf-selectItemSelected.css-idvccw-selectItem:hover { background-color: rgba(0000.05); } .css-1b11bta-selectItemFocused { } .css-1b11bta-selectItemFocused .css-66iqcm-menuItemButton { background-color: #E5E5E5; } .css-169u16i-serverDropdownMenu { display: none; position: absolute; top: 40px; z-index: 2; max-height: 600px; background-color: #F4F5F6; } .css-1jcbjbv-serverDropdown { position: relative; } .css-1jcbjbv-serverDropdown:hover > .css-169u16i-serverDropdownMenu { display: block; } .css-j0043a-button { display: flex; justify-content: center; align-items: center; background-color: transparent; vertical-align: middle; border-: none; } .css-j0043a-button:focus { outline-: none; } .css-j0043a-button:focus-visible { outline: 2px solid #FF8D00; } .css-1gw9zyq-buttonCursor { cursor: pointer; } .css-yfqtnk-inputContainer { position: relative; } .css-123dube { --color-link: #FFF; } .css-1b24x6l-row { display: flex; justify-content: space-between; margin: 96px 0 64px; } @media (max-width: 767px) { .css-1b24x6l-row { display: block; margin: 64px 0 64px; } } @media (min-width: 768px) and (max-width: 1080px) { .css-1b24x6l-row { max-width: 720px; margin: 64px auto 64px; } } .css-1ik2ioi-rowWithoutAboutContent { margin: 0 0 96px; } @media (max-width: 767px) { .css-1ik2ioi-rowWithoutAboutContent { margin: 0 0 64px; } } @media (min-width: 768px) and (max-width: 1080px) { .css-1ik2ioi-rowWithoutAboutContent { max-width: 720px; margin: 0 auto 64px; } } @media (min-width: 1280px) { .css-1ik2ioi-rowWithoutAboutContent { margin: 0 0 96px; } } .css-16k596d-col { } .css-16k596d-col:last-child { padding-right: 0; } @media (max-width: 767px) { .css-16k596d-col { padding-right: 50px; } } .css-8avfii-colWide { } @media (max-width: 767px) { .css-8avfii-colWide { min-width: 100%; } } .css-xrs7y7-menu { margin-bottom: 32px; padding-right: 24px; } @media (max-width: 767px) { .css-xrs7y7-menu { margin-bottom: 40px; } } .css-bplgyz-menuTitle { color: #FFF; margin-top: 0; margin-bottom: 8px; } .css-1o4xsh9-menuList { list--type: none; padding: 0; margin: 0; } .css-wkli3p-languageSelect { margin-top: 16px; } .css-1fcprpi-mainCol { display: flex; } @media (min-width: 768px) and (max-width: 1080px) { .css-1fcprpi-mainCol { display: block; } } @media (max-width: 767px) { .css-1fcprpi-mainCol { display: block; } } .css-3hqa3k-flexCol { display: flex; } .css-cbyvlu-languageIcon { vertical-align: middle; margin: 0.5em 0; opacity: 0.6; } .css-1uy6v3t-disabled { opacity: 0.7; cursor: default; } .css-1uy6v3t-disabled .css-1k69qe6-cursorPointer { cursor: inherit; } .css-1uy6v3t-disabled svg > path { opacity: 0.7; } .css-1pobmda-hideFocusVisible { } .css-1pobmda-hideFocusVisible:focus-visible { outline: none; } .css-4j658a-iconRevertColor { } .css-4j658a-iconRevertColor .css-1jdqq6i-iconContainer > div { -webkit-filter: invert(100%); filter: invert(100%); } .css-1x5msv2-section { position: relative; } .css-1giprcs-holderFullWidth { } .css-v4b8n3-holder { margin: auto; } .css-v4b8n3-holder.css-1giprcs-holderFullWidth { max-width: 100%; } .css-66my6w-holderMaxWidth { max-width: 1080px; } .css-wtxrpw-hiddenOverflow { overflow: hidden; } .css-1jt3sva-sectionFullWidth { width: 100%; } .css-10c7co8-negativeHorizontalIndent { margin: 0 -32px; } @media (max-width: 767px) { .css-10c7co8-negativeHorizontalIndent { margin: 0 -16px; } } @media (min-width: 1280px) { .css-10c7co8-negativeHorizontalIndent { margin: 0 -48px; } } .css-12u9knn-sectionBorderDesktopOnly { } @media (min-width: 1280px) { .css-12u9knn-sectionBorderDesktopOnly { border: 2px solid rgba(0000.1); } } @keyframes animation-1acbpvw { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes animation-f1cmpm { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes animation-6eydng { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(150px); -moz-transform: translateX(150px); -ms-transform: translateX(150px); transform: translateX(150px); } } @keyframes animation-17xgta4 { 0% { -webkit-transform: scale(0.80.8); -moz-transform: scale(0.80.8); -ms-transform: scale(0.80.8); transform: scale(0.80.8); } 100% { -webkit-transform: scale(11); -moz-transform: scale(11); -ms-transform: scale(11); transform: scale(11); } } @keyframes animation-mycm4m { 0% { -webkit-transform: scale(1.21.2); -moz-transform: scale(1.21.2); -ms-transform: scale(1.21.2); transform: scale(1.21.2); } 100% { -webkit-transform: scale(11); -moz-transform: scale(11); -ms-transform: scale(11); transform: scale(11); } } @keyframes animation-1hzxg26 { 0% { -webkit-transform: scale(11); -moz-transform: scale(11); -ms-transform: scale(11); transform: scale(11); } 100% { -webkit-transform: scale(1.21.2); -moz-transform: scale(1.21.2); -ms-transform: scale(1.21.2); transform: scale(1.21.2); } } @keyframes animation-1nkpd1v { 0% { -webkit-transform: scale(11); -moz-transform: scale(11); -ms-transform: scale(11); transform: scale(11); } 100% { -webkit-transform: scale(0.80.8); -moz-transform: scale(0.80.8); -ms-transform: scale(0.80.8); transform: scale(0.80.8); } } @keyframes animation-d87cxm { 0% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 1; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes animation-vz616q { 0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes animation-1307qgn { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes animation-1s8es8x { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } } .css-1kzpjvi-boxVisible { } .css-g8xtyd-boxOverflow { overflow: hidden; } .css-13634vq { width: 300px; height: 65px; background-color: #F4F5F6; box-shadow: 0px 8px 16px 0px rgba(0000.1)0px 2px 6px 0px rgba(0000.15); } .css-1vr2aqi-unpaddedButton { padding: 0; border-: none; border-width: 0; background-color: transparent; cursor: pointer; font-size: inherit; line-height: inherit; white-space: nowrap; } .css-1vr2aqi-unpaddedButton:hover { color: #FF8D00; } .css-1vr2aqi-unpaddedButton:focus { outline-: none; } .css-1vr2aqi-unpaddedButton:disabled { cursor: default; pointer-events: none; } .css-193a96p-inlineIcon { padding-right: 8px; } .css-1feho27-menu { display: flex; flex-wrap: wrap; flex-grow: 1; margin-bottom: -1px; } @media (min-width: 1280px) { .css-1feho27-menu > :last-child { margin-right: 0; } } @media (max-width: 767px) { .css-1feho27-menu { display: none; } } .css-1yajnqx-menuItemTopBorderOnMobile { } @media (max-width: 767px) { .css-1yajnqx-menuItemTopBorderOnMobile::before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; height: 2px; border: 1px solid rgba(2552552550.3); } } .css-1v7cwfp-navLinkItem { display: inline-block; white-space: pre; margin-right: 24px; } .css-1v7cwfp-navLinkItem a { padding-bottom: 12px; display: inline-block; } @media (max-width: 767px) { .css-1v7cwfp-navLinkItem { position: relative; display: block; width: 100%; } } @media (max-width: 767px) { .css-1v7cwfp-navLinkItem a { height: 100%; width: 100%; padding: 18px 0 16px; } .css-1v7cwfp-navLinkItem a:hover { color: #FFF; } } .css-iqze4t-menuItem { display: inline-block; white-space: pre; margin-right: 24px; padding-bottom: 12px; color: rgba(0000.65); } @media (max-width: 767px) { .css-iqze4t-menuItem { position: relative; color: #FFF; display: block; width: 100%; padding: 18px 0 16px; } .css-iqze4t-menuItem:hover { color: #FFF; } } .css-q3uvsj-icon { position: relative; top: 3px; padding-left: 4px; } .css-1z0hh6u-headerMenuOpened { } .css-1uje3uc-headerMenuWithIcon { cursor: pointer; } @media (max-width: 767px) { .css-1uje3uc-headerMenuWithIcon { position: relative; } .css-1uje3uc-headerMenuWithIcon .css-q3uvsj-icon { position: absolute; right: 0; top: 20px; } } .css-11k6c7c-isOpen { } .css-yv4vha-negativeMargin { } .css-1izb3bo-menuContent { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: -webkit-max-content; height: -moz-max-content; height: max-content; background-color: #FFF; box-shadow: 0px 2px 6px 0px rgba(0000.15)0px 8px 16px 0px rgba(0000.1); display: none; } .css-1izb3bo-menuContent.css-11k6c7c-isOpen { display: block; } @media (min-width: 1280px) { .css-1izb3bo-menuContent { z-index: 101; padding: 32px 16px; margin-top: 6px; width: 1200px; } .css-1izb3bo-menuContent .css-yv4vha-negativeMargin { margin: 0 -16px -32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1izb3bo-menuContent { z-index: 101; padding: 24px 8px; margin-top: 6px; width: 100%; max-width: 1024px; } .css-1izb3bo-menuContent .css-yv4vha-negativeMargin { margin: 0 -8px -24px; } } @media (max-width: 767px) { .css-1izb3bo-menuContent { position: relative; width: 100vw; max-width: 100vw; padding: 16px 0; } .css-1izb3bo-menuContent .css-yv4vha-negativeMargin { margin: 0 0 -16px; } .css-1izb3bo-menuContent.css-11k6c7c-isOpen { margin-bottom: -2px; } } .css-3y9qed-subItemLabel { display: inline-block; text-transform: uppercase; padding: 0 16px; } .css-166fqyk-subItemActive { background-color: rgba(0000.05); } .css-y3hfo2-subItemFocused { } a:focus-visible > .css-y3hfo2-subItemFocused:not(.css-166fqyk-subItemActive) { background-color: #E5E5E5; } .css-i3crob-subItem { padding: 8px 16px; } @media (min-width: 1280px) { .css-i3crob-subItem { border-radius: 4px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-i3crob-subItem { border-radius: 4px; } } .css-37sot0-subItemHover { } .css-37sot0-subItemHover:hover:not(.css-166fqyk-subItemActive) { background-color: #E5E5E5; } .css-nl099v-menuSection { position: relative; } .css-nl099v-menuSection:not(:last-child) { padding-bottom: 24px; } .css-nl099v-menuSection:not(:last-child)::after { content: ''; display: block; position: absolute; bottom: 0; left: 16px; right: 16px; height: 1px; background-color: rgba(0000.1); } .css-nl099v-menuSection:not(:first-child) { padding-top: 24px; } @media (max-width: 767px) { .css-nl099v-menuSection:not(:last-child) { padding-bottom: 16px; } } @media (max-width: 767px) { .css-nl099v-menuSection:not(:first-child) { padding-top: 16px; } } .css-1nba4r5-withVerticalLine { position: relative; height: 100%; width: 100%; } :not(:last-child) > .css-1nba4r5-withVerticalLine::after { content: ''; display: block; position: absolute; top: 0; right: -16px; bottom: 0; width: 1px; background-color: rgba(0000.1); } @media (min-width: 768px) and (max-width: 1279px) { :not(:last-child) > .css-1nba4r5-withVerticalLine::after { right: -8px; } } @media (max-width: 767px) { :not(:last-child) > .css-1nba4r5-withVerticalLine::after { display: none; } } .css-e5rry7-sameLineBadge { } .css-e5rry7-sameLineBadge > :first-child:not(:last-child) { display: inline; margin-right: 12px; } .css-e5rry7-sameLineBadge > :last-child:not(:first-child) { position: relative; top: -2px; } .css-gmzem3-header { font-family: "Ahrefs"sans-serif; font-size: 20px; line-height: 24px; display: flex; padding: 32px 40px 0; margin-bottom: -1px; align-items: baseline; position: relative; z-index: 10; } @media (max-width: 767px) { .css-gmzem3-header { padding: 24px 16px 0; align-items: center; } } @media (min-width: 768px) and (max-width: 1279px) { .css-gmzem3-header { padding: 16px 24px 0; } } .css-gel7s9-headerWithoutTrial { padding: 41px 40px 0; } @media (max-width: 767px) { .css-gel7s9-headerWithoutTrial { padding: 24px 16px 0; } } .css-8q6doa-headerWithoutNavMenu { padding: 46px 40px 0; } @media (max-width: 767px) { .css-8q6doa-headerWithoutNavMenu { padding: 24px 16px 0; } } .css-vqpzws-headerWithBanner { padding: 24px 40px 0; } @media (max-width: 1279px) { .css-vqpzws-headerWithBanner { padding: 24px 16px 0; } } .css-1l0om8l-menuContainer { display: flex; align-items: baseline; width: 100%; max-width: 1200px; margin: 0 auto; } .css-rmoss6-side { display: flex; align-items: center; white-space: nowrap; margin-left: 8px; } @media (max-width: 767px) { .css-rmoss6-side { display: none; } } .css-1iuw3gx-navLinkWrapper { } .css-1iuw3gx-navLinkWrapper div.css-1v7cwfp-navLinkItem a { padding-bottom: 0; } .css-1pd05pr-bannerContainer { padding: 24px 40px 0 40px; } @media (max-width: 1279px) { .css-1pd05pr-bannerContainer { padding: 16px 16px 0 16px; } } .css-ie28gn-iconHideOnMobile { } .css-8wf6b0-iconNoMargin { margin: 0 !important; } .css-1hct6u4-layout { display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .css-1o7li20-layoutOverflow { overflow-x: hidden; } .css-w15df6-layoutFullHeight { min-height: 100vh; } .css-14nrkpd-intercomIcon { position: fixed; right: 40px; bottom: 32px; z-index: 2147483001; } @media (min-width: 768px) and (max-width: 1279px) { .css-14nrkpd-intercomIcon { right: 24px; bottom: 24px; } } @media (max-width: 767px) { .css-14nrkpd-intercomIcon { right: 16px; bottom: 16px; } } @media print { .css-14nrkpd-intercomIcon { display: none; } } .css-9ntdkq-logo { width: 74px; min-width: 74px; height: 21px; text-indent: -1000em; margin-right: 25px; margin-top: -4px; } @media (max-width: 767px) { .css-9ntdkq-logo { margin-top: 0; } } .css-18r2e94-buttonActive { } .css-fiach8-toggleButtonPositionAbsolute { } .css-1sdr0pg-toggleButtonLineFirst { top: calc(50% - 5px); } .css-ug0cqj-toggleButtonLineSecond { top: calc(50% + 5px); } .css-1su07d5 { padding: 0; border-width: 0; position: fixed; top: 3px; right: 4px; width: 60px; height: 60px; outline-width: 0; z-index: 101; border-radius: 50%; cursor: pointer; } .css-1su07d5.css-18r2e94-buttonActive { background-color: #3A57FC; } .css-1su07d5.css-fiach8-toggleButtonPositionAbsolute { position: absolute; } .css-1su07d5.css-18r2e94-buttonActive .css-1sdr0pg-toggleButtonLineFirst { -webkit-transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); top: 50%; background-color: #FFF; } .css-1su07d5.css-18r2e94-buttonActive .css-ug0cqj-toggleButtonLineSecond { -webkit-transform: translateX(-50%) rotate(-45deg); -moz-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); top: 50%; background-color: #FFF; } @media (min-width: 768px) { .css-1su07d5 { display: none; } } .css-n4rfk-languageToggle { display: none; position: absolute; right: 89px; top: 22px; } @media (max-width: 767px) { .css-n4rfk-languageToggle { display: block; } } .css-uqj1-modalActive { } .css-1r7c8t1-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #3A57FC; color: #FFF; z-index: 100; padding: 0 16px 16px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; -webkit-overflow-scrolling: touch; transition: opacity 300ms ease 0ms normaltransform 0ms linear 300ms normal; overflow: auto; } @media (max-width: 767px) { .css-1r7c8t1-modal.css-uqj1-modalActive { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition: opacity 300ms ease 0ms normaltransform 0ms linear 0ms normal; } } .css-1txwiax-header { z-index: 100; position: sticky; top: 0; width: 100vw; margin-left: -16px; margin-right: -16px; padding: 24px 16px 22px; background-color: #3A57FC; } .css-14ev3s0-onePixelUp { margin-top: -1px; } .css-j86cgq-menuSection { padding: 0 0 16px; margin: 0 0 16px; border-bottom: 2px solid rgba(2552552550.7); } .css-j86cgq-menuSection:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom-width: 0; } .css-1oqezl0-modalOpened { } @media (max-width: 767px) { .css-1oqezl0-modalOpened { overflow: hidden !important; } .css-1oqezl0-modalOpened .css-14nrkpd-intercomIcon { display: none; } } .css-1nf7pmy-footer { z-index: 101; position: sticky; bottom: 0; left: 0; right: 0; padding: 0; } .css-1nf7pmy-footer > * { width: 100%; } .css-1elzro3-footerButtons { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 16px; align-items: center; } .css-10vhy20-heightContainer { height: 100%; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .css-1ah566z-filler { flex-grow: 1; min-height: 32px; } .css-rh5lcw-box { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background-color: rgba(0000.4); -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); } .css-rh5lcw-box:hover { background-color: #FF8D00; } @media (max-width: 767px) { .css-rh5lcw-box { width: 60px; height: 60px; } } .css-1qfbib0-icon { width: 14px; height: 20px; } @media (max-width: 767px) { .css-1qfbib0-icon { width: 18px; height: 26px; } } .css-1slea8a-navigationActive { } .css-1gwtxjr-navigation { position: fixed; top: 0; right: 0; z-index: 100; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; display: flex; transition: opacity 300ms ease 0ms normaltransform 0ms linear 300ms normal; } .css-1gwtxjr-navigation.css-1slea8a-navigationActive { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition: opacity 300ms ease 0ms normaltransform 0ms linear 0ms normal; } @media (max-width: 767px) { .css-1gwtxjr-navigation { display: none; } } .css-1ylnoxv-startTrialButton { margin: 32px 40px 0 auto; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ylnoxv-startTrialButton { margin: 32px 32px 0 auto; } } .css-9f58a5-imageTabletResponsive { } .css-bvra6g-currencyPosition { position: relative; top: 4px; } .css-1c6v1db-intervalPosition { align-self: end; } @media ((min-width: 1280px)) { .css-1c6v1db-intervalPosition { position: relative; top: -2px; } } @media ((max-width: 767px)) { .css-1c6v1db-intervalPosition { position: relative; top: -1px; } } .css-1efc0ln-activeNavItem { border-bottom: 3px solid #FFB528; } .css-1yko8kg-backgroundContainer { width: 1234px; position: relative; top: 0px; margin: 0 auto; overflow: visible; } @media (min-width: 768px) and (max-width: 1279px) { .css-1yko8kg-backgroundContainer { width: calc(100vw - 16px); top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } } @media (max-width: 767px) { .css-1yko8kg-backgroundContainer { width: 100vw; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; top: 14px; } } .css-156g306-card { position: absolute; width: 1205px; top: 0; bottom: 0; } .css-arv4x5-bottomCard { top: 12px; left: 10px; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg); } @media (min-width: 768px) and (max-width: 1279px) { .css-arv4x5-bottomCard { left: 2px; width: 98%; } } @media (max-width: 767px) { .css-arv4x5-bottomCard { left: 4px; width: 97%; -webkit-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg); -ms-transform: rotate(-1.5deg); transform: rotate(-1.5deg); } } .css-1mabbgp-topCard { top: 12px; left: 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1mabbgp-topCard { left: 4px; width: 99%; } } @media (max-width: 767px) { .css-1mabbgp-topCard { left: 5px; width: 98%; } } .css-m7i3kr-contentContainerWrapper { position: relative; z-index: 1; } .css-1qw75dk-promoBannersContainer { max-width: 1160px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1qw75dk-promoBannersContainer { width: 722px; } } @media (max-width: 767px) { .css-1qw75dk-promoBannersContainer { width: 100%; } } .css-1r2druw-vsContainer { display: grid; align-items: start; } @media (max-width: 767px) { .css-1r2druw-vsContainer { grid-auto-flow: row; } } .css-k4r2ht-horizontalLayout { gap: 48px; } @media (min-width: 1280px) { .css-k4r2ht-horizontalLayout > :last-child { padding: 16px 0; } } @media (max-width: 767px) { .css-k4r2ht-horizontalLayout { gap: 32px; } } .css-ltreiu-verticalLayout { grid-auto-flow: row; gap: 40px; } @media (max-width: 767px) { .css-ltreiu-verticalLayout { gap: 32px; } } .css-1war1oi-compensateVsScreenshotBorders { margin: -4px; } .css-jx9pbz-imageHolderThickRoundOutline { border-radius: 4px; box-shadow: 0 0 0 4px rgba(0000.1); } .css-jlvh1q-imageHolderShadowWithInsetRounded { border-radius: 4px; box-shadow: 0 3px 0 0 rgba(0000.05)0 32px 96px 0 rgba(0000.1)0 8px 32px 0 rgba(0000.05)0 1px 0 0 rgba(2552552550.2) inset; } .css-1vh2y2u-imageHolderShadowed { } .css-1lw24cg-imageHolder { overflow: hidden; display: inline-block; } .css-1lw24cg-imageHolder.css-1vh2y2u-imageHolderShadowed { border: 1px solid rgba(0000.1); border-radius: 10px; overflow: hidden; box-shadow: 0 32px 96px 0 rgba(0000.1)0 8px 32px 0 rgba(0000.05); } .css-ozwo58-image { max-width: 100%; height: auto; display: inline-block; pointer-events: none; } .css-gq5bjv-imageBorderMediumRoundOutline { border: 3px solid rgba(2552552550.5); border-radius: 10px; } .css-1d4nxde-imageBorder { border: 1px solid rgba(0000.1); } .css-w0cmpn-imageModalContainer { flex-shrink: 0; width: 100%; height: 100%; } .css-fo1y98-images { display: flex; touch-action: none; } .css-au5i8x-menuLeft { } .css-lnyg70-menu { display: flex; justify-content: center; margin: -4px 0; } .css-lnyg70-menu.css-au5i8x-menuLeft { justify-content: flex-start; } .css-hjyg4m-menuDotsMobileHidden { } .css-1h5yzin-menuDots { justify-content: center; display: none; } @media (max-width: 767px) { .css-1h5yzin-menuDots { display: flex; } } @media (max-width: 767px) { .css-1h5yzin-menuDots.css-hjyg4m-menuDotsMobileHidden { display: none; } } .css-149xdw-infoLeft { } .css-1tkydp9-info { text-align: center; } .css-1tkydp9-info.css-149xdw-infoLeft { text-align: left; } .css-8jgj83-infoItem { display: block; opacity: 0; height: 0; overflow: hidden; transition: opacity 250ms ease-out 0ms normal; } .css-1ck0ode-infoItemActive { opacity: 1; height: auto; } .css-1r7boeq-tab { display: flex; border-bottom: 2px solid transparent; } .css-xusyis-selectedTab { display: flex; } .css-1kmx962-itemContainer { border-right: 1px solid rgba(0000.1); padding: 0 40px; } .css-1kmx962-itemContainer:first-child { padding-left: 0; } .css-1kmx962-itemContainer:last-child { border-right: 0 none transparent; padding-right: 0; } @media (max-width: 767px) { .css-1kmx962-itemContainer { border-right: 0 none transparent; padding-left: 0; } } .css-fg9xoo-list { list-: none; padding-left: 0; margin-top: 0; margin-bottom: 0; } .css-fg9xoo-list li { display: grid; } .css-mdnon9-markerBold { } .css-dd9llm-listItem { } .css-caw89u-listItemWithIcon { } .css-nep08y li::before { content: counter(list-itemlower-alpha) '.'; } .css-t652it li::before { content: counter(list-item) ' '; } .css-lz1hdx li::before { content: counter(list-item) '.'; } .css-jto7vj li::before { content: counter(list-itemlower-roman) '.'; } .css-15h89z1-listItemBodyDecorationBullet { } .css-15h89z1-listItemBodyDecorationBullet .css-dd9llm-listItem { grid-template-columns: auto 1fr !important; } .css-15h89z1-listItemBodyDecorationBullet .css-dd9llm-listItem::before { content: "•"; } .css-lrmcvg-displaylist { } .css-lrmcvg-displaylist .css-dd9llm-listItem { grid-template-columns: 24px 1fr; gap: 12px; margin-bottom: 16px; } .css-lrmcvg-displaylist .css-dd9llm-listItem::before { direction: rtl; counter-increment: list-item; color: #FF8D00; font-size: 32px; line-height: 34px; font-family: "Ahrefs"sans-serif; } @media (max-width: 767px) { .css-lrmcvg-displaylist .css-dd9llm-listItem::before { font-size: 24px; line-height: 26px; } } .css-lrmcvg-displaylist .css-dd9llm-listItem:last-child { margin-bottom: 0; } .css-lrmcvg-displaylist .css-caw89u-listItemWithIcon { display: flex; } .css-114titi-iconTopPositionDisplay { top: 4px; } @media (max-width: 767px) { .css-114titi-iconTopPositionDisplay { top: 5px; } } .css-levr8j-icon { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; position: relative; display: inline-flex; } .css-79e80q-screenshotSmall { max-width: 650px; } .css-1ms8c8t-tableContainer { } @media (max-width: 767px) { .css-1ms8c8t-tableContainer { overflow-x: auto; margin: 0 -24px; padding-left: 24px; } } .css-rd7xhs-tableScrollWrapper { } @media (max-width: 767px) { .css-rd7xhs-tableScrollWrapper { padding-right: 24px; white-space: nowrap; width: 762px; } } .css-lugx3q-table { border-spacing: 0; } .css-lugx3q-table tr { vertical-align: baseline; } .css-lugx3q-table tr:last-child td { border-bottom: 0 none transparent; vertical-align: baseline; } .css-lugx3q-table td { min-width: 56px; word-break: break-word; border-bottom: 1px solid rgba(0000.1); text-align: right; padding: 8px 0 8px 16px; } .css-lugx3q-table td:first-child { text-align: initial; padding: 8px 16px; } .css-lugx3q-table td:last-child { min-width: 72px; padding-right: 16px; } .css-1dpvm7h-imageContainerOuter { display: flex; } .css-1iyo23-imageContainerOutlineBorder { border: 1px solid rgba(0000.1); border-radius: 10px; } .css-cpx3cj-imageContainerInner { border: 3px solid rgba(2552552550.5); border-radius: 10px; overflow: hidden; box-shadow: 0px 32px 96px 0px rgba(0000.1)0px 8px 32px 0px rgba(0000.05); } .css-ij0hhm-loader { -webkit-animation-name: animation-b7n1on; animation-name: animation-b7n1on; -webkit-animation-duration: 700ms; animation-duration: 700ms; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @keyframes animation-i3ons { 0% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } } .css-i8zoij-tooltipInline { display: inline; vertical-align: middle; } .css-136evzf-tooltipHelpCursor { cursor: help; } .css-nc5a40-tooltipContent { padding: 8px 16px 16px; background-color: #FFF; box-shadow: 0 8px 16px 0 rgba(0000.1)0 2px 6px 0 rgba(0000.15); } .css-2p4ow6-tooltipContentFadeInAnimation { -webkit-animation-name: animation-1acbpvw; animation-name: animation-1acbpvw; -webkit-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .css-9w06y5-tooltipContentSlideInAnimation { -webkit-animation-name: animation-i3ons; animation-name: animation-i3ons; -webkit-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .css-c8doph-infoContainer { display: inline-block; padding-top: 1px; padding-bottom: 3px; line-height: 0; width: 8px; } .css-e0xmtj-ppTarget { position: relative; } .css-7jgxss-ppContainer { display: inline-block; position: absolute; vertical-align: top; margin-top: 1.5px; padding-left: 4px; width: 8px; } .css-1vhimfe-videoThumbnailContainer { position: relative; cursor: pointer; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .css-1vhimfe-videoThumbnailContainer:hover svg path { fill: #FFB528; } .css-njh0to-playIcon { position: absolute; top: 8px; left: 12px; } .css-njh0to-playIcon svg path { fill: #FFF; } .css-sr0bui-guidePreviewWrapper { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: flex-start; } @media (min-width: 1280px) { .css-sr0bui-guidePreviewWrapper { grid-template-columns: 1fr 1fr 1fr; margin: 0 -40px; gap: 0; } } @media (max-width: 767px) { .css-sr0bui-guidePreviewWrapper { gap: 32px; } } .css-ty4peq-guidePreviewItem { height: 100%; display: grid; gap: 24px; align-content: flex-start; } @media (min-width: 1280px) { .css-ty4peq-guidePreviewItem { padding: 0 40px; border-right: 1px solid rgba(0000.1); } .css-ty4peq-guidePreviewItem:last-child { border-right: 0 none transparent; } } @media (min-width: 768px) and (max-width: 1279px) { .css-ty4peq-guidePreviewItem { gap: 24px; grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .css-ty4peq-guidePreviewItem { gap: 16px; } } .css-1n7236g-topOverlay { top: 0; } .css-18v66n9-bottomOverlay { bottom: 0; } .css-9hjrex-overlay { position: absolute; width: 100vw; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; display: flex; justify-content: center; } .css-lp8yfx-sectionWithOverlay { overflow: hidden; position: relative; background-color: #000000; } .css-lp8yfx-sectionWithOverlay section { z-index: 2; } .css-1hgr3cc-player { position: relative; width: 100%; padding-bottom: 56.25%; } .css-1hgr3cc-player > div { position: absolute; top: 0; left: 0; } .css-1pp02jf-preview { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; cursor: pointer; } .css-17wvygu-button { background-color: rgba(0000.4); line-height: 42px; white-space: nowrap; padding: 0 20px; font-weight: 700; } .css-1pp02jf-preview:hover .css-17wvygu-button { background-color: #FF8D00; } .css-5l07ay-play { font-size: 15px; } .css-yi1xaa-ssrFullsizeBox { width: 100%; height: 100%; } .css-x7knjl-whatIsSeoChecker { margin-right: 150px; } @media (max-width: 767px) { .css-x7knjl-whatIsSeoChecker { margin-right: 0; } } .css-14wwmsy-list { margin: 0 0 0 auto; max-width: 374px; } @media (max-width: 767px) { .css-14wwmsy-list { max-width: 100%; margin-left: 0; } } .css-w8tcy3-listItem { margin-bottom: 8px; background-image: url(/assets/esbuild/trial-check-active-CKLPLN3O.svg); background-repeat: no-repeat; background-position: left 8px; padding-left: 22px; } .css-w8tcy3-listItem:last-child { margin-bottom: 0; } .css-1ygb6gb-awtBoxContainer { position: relative; min-width: 600px; } @media (max-width: 767px) { .css-1ygb6gb-awtBoxContainer { position: relative; min-width: 0; } } .css-1og7w3u-awtBox { position: absolute; display: flex; align-items: center; background-color: #FFF4E8; width: 290px; height: 290px; border-radius: 50%; text-align: center; padding: 27px 27px; z-index: 1; bottom: -124px; } @media (max-width: 767px) { .css-1og7w3u-awtBox { position: relative; bottom: 0; margin: 0 auto; } } .css-1pl22h3-button { display: flex; justify-content: center; align-items: center; vertical-align: middle; border-: none; border-radius: 50%; cursor: pointer; } .css-1pl22h3-button:disabled { pointer-events: none; } .css-13os7py:active { color: #FFF; background-color: #FF7524; } .css-13os7py:focus-visible:hover:active { color: #FFF; background-color: #FF7524; } .css-7rewpf-disabled { } .css-7rewpf-disabled:disabled { color: rgba(2552552550.5); background-color: rgba(0000.15); } .css-z3l2oe-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .css-1s3iyfm-iframeContainer { position: relative; padding-bottom: 56.25%; } .css-zxgcy5-modalContent { width: 100%; max-width: 1280px; margin: 0 auto; } .css-1pmogjj-separator { padding: 0 40px; position: relative; display: flex; justify-content: center; } .css-oxmll0-contentContainer { display: flex; width: 100%; } .css-oxmll0-contentContainer::before { content: ''; flex-grow: 1; height: 50%; border-bottom: 1px solid rgba(0000.1); } .css-oxmll0-contentContainer::after { content: ''; flex-grow: 1; height: 50%; border-bottom: 1px solid rgba(0000.1); } .css-jclxiw-videoButton { background-color: rgba(0000.15); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); width: -webkit-max-content; width: -moz-max-content; width: max-content; display: flex; align-items: center; z-index: 1; margin: 48px 0; } @media (max-width: 767px) { .css-jclxiw-videoButton { margin: 24px 0; } } .css-rrfbib-videoButtonContainer { position: absolute; display: flex; justify-content: center; cursor: pointer; width: 100%; height: 100%; z-index: 1; } .css-rrfbib-videoButtonContainer::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .css-rrfbib-videoButtonContainer:hover .css-jclxiw-videoButton { color: #FFF; background-color: #FF8D00; } .css-rrfbib-videoButtonContainer:hover .css-1pl22h3-button { color: #FFF; background-color: #FF8D00; } .css-6j6oko-mediaContainer { position: relative; } .css-1nzjict-video { display: block; width: 100%; } .css-1cev786-videoContainer { position: relative; } .css-ck2zp1-controlButtonsOverlay { position: absolute; bottom: 16px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 50; } @media (max-width: 767px) { .css-ck2zp1-controlButtonsOverlay { bottom: 12px; left: 8px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } .css-1fawicd-container { background-color: transparent; cursor: pointer; color: #FFF; white-space: nowrap; } .css-9aridh-wistiaContainer { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .css-tuihya-vAlign { display: inline; vertical-align: text-bottom; } .css-1i9bl8x-hideDesktopGapFor2Tools { } @media (min-width: 1280px) { .css-1i9bl8x-hideDesktopGapFor2Tools > div { border-top: none !important; border-left: none !important; -webkit-clip-path: none; clip-path: none; } .css-1i9bl8x-hideDesktopGapFor2Tools > div > * { border-bottom: none !important; border-right: none !important; } .css-1i9bl8x-hideDesktopGapFor2Tools > div > *:first-child { border-right: 1px solid #E5E5E5 !important; } } .css-1ueyroz-image { max-width: 480px; } .css-1ueyroz-image img { width: 100%; } @media (max-width: 767px) { .css-1ueyroz-image { order: 2; max-width: 100%; } } .css-3rhwtd-content { } @media (max-width: 767px) { .css-3rhwtd-content { order: 1; } } .css-j7mj5e-separator { max-width: 1080px; width: 100%; margin: 0 auto; position: relative; display: flex; justify-content: center; } .css-11l7a87-content { max-width: 488px; flex-grow: 1; padding: 0 32px; position: relative; z-index: 1; display: grid; grid-template-columns: auto 1fr; grid-column-gap: 32px; align-items: center; } .css-ro0ey-image { display: flex; align-items: center; } .css-1t4likh-hasTwoColumnList { display: grid; grid-template-columns: repeat(21fr); grid-column-gap: 120px; } @media (max-width: 767px) { .css-1t4likh-hasTwoColumnList { grid-template-columns: 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1t4likh-hasTwoColumnList { grid-template-columns: 1fr; } } .css-56kt8u-titleWrapper { display: grid; grid-template-columns: auto 1fr; grid-column-gap: 16px; align-items: flex-start; cursor: pointer; } .css-1yvy4ft-plusIconWrapper { padding-top: 4px; } .css-1efnrvf-plusIcon { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); transition: transform 250ms ease-in-out 0s normal; } .css-1xuxkoq-plusIconCollapsed { transition: transform 250ms ease-in-out 0s normal; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .css-1wrxhg3-content { padding-top: 8px; padding-left: 40px; height: auto; overflow: hidden; } .css-16715lu-contentCollapsed { padding-top: 0; height: 0; } .css-h1rh1i-round { border-radius: 20px; } .css-i85xv1-dot { width: 8px; height: 8px; } .css-1ju9fcv-selectedDot { width: 16px; height: 16px; } .css-tz799j-signature { margin-top: 16px; line-height: 24px; } .css-7su15k-sliderArrow { display: none; position: absolute; z-index: 1; top: 45px; } @media (min-width: 1280px) { .css-7su15k-sliderArrow { display: block; } } .css-1o5la6s-sliderArrowLeft { left: 34px; } .css-qu804l-sliderArrowRight { right: 34px; } .css-6yzt2j-sliderItemWrapper { padding: 0 16px; } @media (min-width: 1280px) { .css-6yzt2j-sliderItemWrapper { padding: 0 120px; } } .css-1iisk1b-sliderMenuWrapper { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; align-self: flex-end; padding: 0 24px; } @media (max-width: 767px) { .css-1iisk1b-sliderMenuWrapper { margin-left: 8px; } } @media (min-width: 1280px) { .css-1iisk1b-sliderMenuWrapper { padding: 0 120px; margin-left: 0; } } .css-jgqb34-sliderItem { display: flex; width: 1%; } .css-1e71jpn-sliderBox { width: 100%; overflow: hidden; } .css-1buake3-sliderShaft { display: flex; width: 10000%; transition: transform 300ms ease 0s normal; } .css-huz39s-caption { display: flex; justify-content: center; align-items: center; background-color: #FF8D00; border-radius: 20px; } .css-10o0lge-illustration { display: flex; justify-content: center; align-items: center; } .css-7z2t2f-overlay { background-color: rgba(0000.05); } .css-ccoxzb-tableContainer { color: #000000; background-color: #FFF; } @media (max-width: 767px) { .css-ccoxzb-tableContainer { margin: 0 -16px; } } .css-1pe4k2t-awtLogoWrapper { position: absolute; bottom: -20px; left: 0; width: 100%; border-top: 4px solid #FF8D00; } .css-qvzgia-gscLogoWrapper { position: absolute; bottom: -33px; left: 0; width: 100%; } .css-mx1sdp-borderBottom { border-bottom: 1px solid rgba(0000.1); } @media (max-width: 767px) { .css-mx1sdp-borderBottom:last-child { border-bottom-width: 0; } } .css-1q8e3se-topEmptyCellHeight { height: 32px; } .css-sq5qj7-bottomAwtCellContainer { min-height: 66px; background-color: #FFF; } @media (max-width: 767px) { .css-sq5qj7-bottomAwtCellContainer { min-height: 16px; } } .css-dprjw5-loweredAwtBottomCell { background-color: #FFF; min-height: 66px; position: absolute; left: 0; width: 100%; top: 24px; } @media (max-width: 767px) { .css-dprjw5-loweredAwtBottomCell { top: 16px; min-height: 16px; } } .css-10wryel-relativePos { position: relative; } .css-10pmo2a-boxContainer { height: 100%; } .css-10pmo2a-boxContainer > div { height: 100%; } @media (min-width: 768px) and (max-width: 1279px) { .css-10pmo2a-boxContainer { min-height: 276px; } } @media (max-width: 767px) { .css-10pmo2a-boxContainer { min-height: 244px; } } .css-xxperv-card { height: 100%; } .css-xxperv-card > div { height: 100%; } .css-53b3jx-radarVideo { } @media (min-width: 768px) and (max-width: 1279px) { .css-53b3jx-radarVideo { width: 448px; height: 448px; } } .css-144vejy-padding { padding: 6px 16px 8px 16px; } @media (max-width: 767px) { .css-144vejy-padding { padding: 5px 12px; } } .css-os5rzu-animatedStack { } .css-os5rzu-animatedStack > div:first-child { transition: grid-gap 300ms ease 0ms normal; } .css-19rryax-contentWrapper { max-width: 320px; } .css-11x2jxs-mediaContainerStatic { position: relative; } .css-1kr6441-mediaItemStatic { position: absolute; top: 0; left: 0; width: 720px; } .css-1962oyq-animatedBox { } .css-1962oyq-animatedBox > div:first-child { transition: padding 300ms ease 0ms normal; } .css-1rpcuuj-progressIndicatorInitialSize { width: 0; height: 100%; } .css-szp456-tiles { display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; align-items: stretch; } .css-vkru9t-item { overflow: hidden; } .css-1l33ki8-relativePosition { position: relative; } .css-cjo7x7-badge { position: absolute; top: 8px; right: 8px; } @media (max-width: 767px) { .css-cjo7x7-badge { top: 4px; right: 4px; } } .css-1u9vau8-tooltipList { padding: 0 0 0 16px; margin: 0; } .css-15ukb9z-width { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .css-l2s1qx-arrowsContainer { display: flex; justify-content: flex-end; align-items: flex-end; } .css-1hbcwdo-arrowBtn { cursor: pointer; background-color: transparent; border-: none; } @media (max-width: 1279px) { .css-1hbcwdo-arrowBtn { display: none; } } .css-15s0elr-arrowIconContainer { width: 44px; height: 26px; } .css-gilgh7-containerAlignText { } .css-v2ajye-containerSmall { max-width: 600px; } .css-9xqxh8-image { display: block; width: 100%; } .css-12hs1q-starIcon { position: absolute; right: 40px; top: -32px; } @media (max-width: 767px) { .css-12hs1q-starIcon { right: 8px; top: -16px; } } .css-9sq5w6-starIconSmall { right: -40px; } @media (max-width: 767px) { .css-9sq5w6-starIconSmall { right: 8px; } } .css-6d8oqr-tableContainer { overflow-x: auto; padding-left: 24px; } .css-6d8oqr-tableContainer::-webkit-scrollbar { display: none; } @media (max-width: 767px) { .css-6d8oqr-tableContainer { margin-left: -24px; } } @media (min-width: 1280px) { .css-6d8oqr-tableContainer { overflow-x: initial; padding-left: 0px; } } .css-ao5ukn-responsiveTableContainer { width: 1080px; box-sizing: content-box; } @media (max-width: 767px) { .css-ao5ukn-responsiveTableContainer { width: 856px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-ao5ukn-responsiveTableContainer { padding-right: 24px; width: 1060px; } } .css-mjnkz3-table { border-collapse: collapse; } .css-jll0pl { width: 180px; background-color: #FFF; box-sizing: content-box; vertical-align: top; padding: 24px 12px 0 12px; } .css-jll0pl:nth-child(2) { padding-left: 32px; } .css-jll0pl:last-child { padding-right: 32px; } @media (max-width: 1280px) { .css-jll0pl { overflow: hidden; } } @media (max-width: 767px) { .css-jll0pl:nth-child(2) { padding-left: 16px; } } .css-1x8dnkv-awtColumn { position: relative; width: 168px; padding: 24px 24px 0 32px; box-sizing: content-box; vertical-align: top; } @media (max-width: 767px) { .css-1x8dnkv-awtColumn { display: none; } } .css-450hqt-emptyAwtColumn { } @media (max-width: 767px) { .css-450hqt-emptyAwtColumn { display: none; } } .css-1gk7lj4-rowHead { } .css-1gk7lj4-rowHead > td { padding-top: 32px; } .css-2t9vzv-rowPrice { } .css-2t9vzv-rowPrice > td { padding-top: 0; } .css-2t9vzv-rowPrice > .css-1x8dnkv-awtColumn { vertical-align: bottom; } .css-qs954b-rowCta { } .css-qs954b-rowCta > td { padding-top: 16px; } .css-xhrv5g-rowProgressBar { } .css-xhrv5g-rowProgressBar > td { padding-top: 24px; } .css-viwy8-awtFreeLabelPosition { position: relative; top: -5px; } .css-12brxr4-comparePlans { padding: 24px 32px 32px 32px; background-color: #FFF; } .css-18w1gdf-tweet { width: 550px; } @media (max-width: 767px) { .css-18w1gdf-tweet { width: 296px; } } .css-1yd6vpd-starContainer { position: relative; } .css-dwqoh8-star { position: absolute; bottom: -39px; right: 138px; z-index: 100; } @media (max-width: 767px) { .css-dwqoh8-star { right: 13px; z-index: 0; } } .css-101us78-width { } @media (max-width: 767px) { .css-101us78-width { width: 172px; } } .css-8o5tvz-videoButtonOuterContainer { position: relative; } .css-2sz79b-videoButtonInnerContainer { position: absolute; display: flex; justify-content: center; cursor: pointer; width: 100%; height: 100%; } .css-2sz79b-videoButtonInnerContainer::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .css-2sz79b-videoButtonInnerContainer:hover button { background-color: #FF8D00; } .css-2sz79b-videoButtonInnerContainer:active button { background-color: #FF7524; } .css-hghb9h-videoButton { display: flex; align-items: center; z-index: 1; } .css-2gtcdg-fixedContainer { z-index: 50; position: fixed; bottom: 32px; margin: 0; padding: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .css-2gtcdg-fixedContainer { bottom: 16px; left: 16px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } body.css-1oqezl0-modalOpened .css-2gtcdg-fixedContainer { display: none; } } .css-9k7ons-tabsGroup { position: relative; display: flex; gap: 0; list--type: none; margin: 0; padding: 4px; border-radius: 50px; background-color: rgba(0000.15); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); line-height: 0; } .css-18uiis9-tabsGroupForIcon { padding: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .css-17q4cqy-tabsGroupWidth { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: calc(100vw - 60px) !important; } .css-pi7rvk-roundedButtonInside { } .css-pi7rvk-roundedButtonInside > a { border-radius: 50px; overflow: hidden; display: flex; justify-content: center; align-items: center; padding: 6px 12px; } .css-1pnqwmc-overflowEllipsisOrCenterContent { } @media (min-width: 1280px) { .css-1pnqwmc-overflowEllipsisOrCenterContent { white-space: nowrap; overflow: hidden; } .css-1pnqwmc-overflowEllipsisOrCenterContent > a { justify-content: flex-start; } .css-1pnqwmc-overflowEllipsisOrCenterContent > a > span { overflow: hidden; text-overflow: ellipsis; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1pnqwmc-overflowEllipsisOrCenterContent > a { height: 100%; } .css-1pnqwmc-overflowEllipsisOrCenterContent > a > span { text-align: center; } } .css-1i8wj3l-iconButtonInside { } .css-1i8wj3l-iconButtonInside > a { justify-content: center; padding: 0; width: 44px; height: 44px; } .css-1i8wj3l-iconButtonInside > a:hover { background-color: #FF8D00; } @media (max-width: 767px) { .css-1i8wj3l-iconButtonInside > a { width: 60px; height: 60px; } } .css-14ygovf-contentContainerMinHeight { } @media (min-width: 1280px) { .css-14ygovf-contentContainerMinHeight { min-height: 576px; } } .css-ee25w0-captionContainer { align-self: center; } .css-7oimj6-introContainer { } .css-7oimj6-introContainer a { display: inline-flex; align-items: baseline; } .css-1yn9t4k-button { display: flex; width: 42px; height: 42px; justify-content: center; align-items: center; background-color: transparent; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); vertical-align: middle; border-: none; border-radius: 50%; cursor: pointer; -webkit-padding-inline-start: 0; padding-inline-start: 0; -webkit-padding-inline-end: 0; padding-inline-end: 0; } .css-1yn9t4k-button:focus { outline-: none; } .css-1yn9t4k-button:focus-visible { outline: 3px solid #FF8D00; } .css-1yn9t4k-button:hover { color: #FFF; background-color: #FF8D00; } .css-1yn9t4k-button:active { color: #FFF; background-color: #FF7524; } .css-1o6110n-dotsContainer { padding: 13px; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; gap: 4px; justify-content: center; align-items: center; background-color: transparent; vertical-align: middle; border-: none; border-radius: 21px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } .css-23839p-dot { position: relative; display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; border-radius: 50%; cursor: pointer; color: transparent; } .css-23839p-dot:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; } .css-n389y8 { width: 56px; cursor: default; } .css-n389y8:before { width: 48px; border-radius: 8px; } .css-1pdwoxu-outerWraper { position: relative; } .css-1im3gb6-fullWidthContainer { position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100vw; display: flex; justify-content: center; overflow: hidden; } @media (max-width: 767px) { .css-1im3gb6-fullWidthContainer { width: calc(100vw - 32px); } } .css-1c6udq2-iconLeft { justify-content: flex-end; padding-right: 8px; } .css-ktzy9d-iconRight { justify-content: flex-start; padding-left: 8px; } .css-461guo-iconArea { display: none; } @media (min-width: 1280px) { .css-461guo-iconArea { display: flex; position: absolute; top: 0; bottom: 0; right: 0; left: 0; align-items: center; } .css-461guo-iconArea:not(:hover) > button { visibility: hidden; } } .css-ulosu8-sidePaddingsMobile { } @media (max-width: 767px) { .css-ulosu8-sidePaddingsMobile { padding-left: 16px; padding-right: 16px; } } .css-1qwhx26 { display: flex; gap: 40px; width: 100%; touch-action: none; margin-left: auto; margin-right: auto; } @media (min-width: 1280px) { .css-1qwhx26 { max-width: 1080px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1qwhx26 { max-width: 720px; } } .css-38av25-slideSize { max-width: 100%; min-width: 100%; height: auto; } .css-ngwtus-slide { position: relative; cursor: pointer; } .css-1wlzvm4-image { display: block; border-radius: 4px; } .css-vte7rk-infoItem { display: block; opacity: 0; transition: opacity 250ms ease-out 0ms normal; } .css-q1wbrv-infoItemActive { opacity: 1; } .css-zryzwb-stickyContainer { position: sticky; bottom: 32px; margin-top: 24px; } .css-uxl7bn-wrapper { position: relative; } .css-1s5485z-container { position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: center; overflow: hidden; } .css-glj0xn-tileWrapper { width: 100%; height: 100%; position: relative; } .css-kl1fqs-badgeWrapper { position: absolute; display: flex; top: 16px; right: 16px; } @media (max-width: 767px) { .css-kl1fqs-badgeWrapper { top: 8px; right: 8px; } } .css-ii5b9c-boxBorder { border-bottom: 1px solid rgba(0000.1); } .css-ii5b9c-boxBorder:first-child { border-top: 1px solid rgba(0000.1); } .css-ii5b9c-boxBorder:last-child { border-bottom: 1px solid rgba(0000.1); } .css-2gxx9a-titleContainer { cursor: pointer; } .css-1rcjr8h-expandableContent { overflow: hidden; transition: height 600ms cubic-bezier(0.400.21) 0ms normalopacity 600ms cubic-bezier(0.400.21) 0ms normalpadding 600ms cubic-bezier(0.400.21) 0ms normal; } .css-i22df9-expanded { max-height: 1000px; opacity: 1; } .css-rlxkg0-collapsed { height: 0 !important; opacity: 0; padding-top: 0 !important; padding-bottom: 0 !important; } .css-17xaien-boxBorder { border-top: 1px solid rgba(0000.1); } .css-fcasjo-containerDisabled { } .css-9kstcf-container { display: flex; gap: 8px; cursor: pointer; } .css-9kstcf-container .css-fcasjo-containerDisabled { cursor: not-allowed; } .css-rbny48-inputSize { display: block; width: 40px; height: 24px; cursor: pointer; border-radius: 24px; } .css-t4ddyq-inputInvisible { position: absolute; opacity: 0; } .css-17c97xu-inputViewChecked { } .css-h26hw2-inputSwitch { } .css-h26hw2-inputSwitch:after { background-image: none; transition: opacity 300ms ease-in-out 0ms normal; margin-top: 2px; margin-left: 2px; content: ''; display: block; position: absolute; width: 20px; height: 20px; border-radius: 10px; } .css-h26hw2-inputSwitch.css-17c97xu-inputViewChecked:after { -webkit-transform: translateX(18px); -moz-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); margin-left: 0; } .css-1hgbk53-content { margin-left: 24px; } .css-yqhlb3-textAreaMaxHeight { max-height: 100vh; } .css-1dfyue2 { color: #2592FA; } .css-1dfyue2 a { background-image: linear-gradient(84deg#FF8D00 16%#FAC000 18.895%#FFEEB3 22.22%#2592FA 32.22%); background-size: 500% 100%; background-position: 20% 50%; -webkit-background-clip: text; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: background-position 300ms ease-in-out 0ms normal; } .css-1dfyue2 a:hover { background-position: 0% 50%; } .css-pko7m2-gradientTextBase { } .css-pko7m2-gradientTextBase p { -webkit-background-clip: text; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .css-uu8lo4-box { padding: 0 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-uu8lo4-box { padding: 0 24px; } } @media (max-width: 767px) { .css-uu8lo4-box { padding: 0 16px; } } .css-10l2lby-image { margin-right: 12px; pointer-events: none; } @media (max-width: 767px) { .css-10l2lby-image { margin-right: 0; margin-bottom: 12px; } } .css-8kilej-images { display: flex; pointer-events: none; align-items: center; margin-right: 12px; } .css-8kilej-images img:not(:first-child) { margin-left: -8px; } @media (min-width: 768px) and (max-width: 1279px) { .css-8kilej-images { align-items: flex-start; } } @media (max-width: 767px) { .css-8kilej-images { margin-right: 0; margin-bottom: 12px; } } .css-ltm2s-fullHeight { } .css-ltm2s-fullHeight div { height: 100%; } .css-1gsfema-overlay { position: relative; } .css-1rzmbvu-floatingButtonLeft { } .css-xifxu2-floatingButtonRight { } .css-97kiep-floatingButton { position: absolute; top: 50%; -webkit-transform: translate(0-50%); -moz-transform: translate(0-50%); -ms-transform: translate(0-50%); transform: translate(0-50%); opacity: 0; } .css-97kiep-floatingButton.css-1rzmbvu-floatingButtonLeft { left: 24px; } .css-97kiep-floatingButton.css-xifxu2-floatingButtonRight { right: 24px; } .css-1q6qzm1-leftArea { } .css-1u74ezb-rightArea { } .css-zu46kg-controls { cursor: pointer; width: 100%; height: 60%; z-index: 1; position: absolute; display: grid; grid-template-columns: 1fr 1fr; top: 20%; } .css-zu46kg-controls:hover button { background-color: #FF8D00; } .css-zu46kg-controls:hover .css-1q6qzm1-leftArea:hover .css-1rzmbvu-floatingButtonLeft { opacity: 1; } .css-zu46kg-controls:hover .css-1u74ezb-rightArea:hover .css-xifxu2-floatingButtonRight { opacity: 1; } .css-zu46kg-controls:active button { background-color: #FF7524; } @media (max-width: 1279px) { .css-zu46kg-controls { display: none; } } .css-ui0mgg-showOnHover { visibility: hidden; } .css-hu46gh-ratings { display: grid; justify-content: space-around; grid-template-columns: repeat(41fr); } .css-hu46gh-ratings > a { padding-top: 32px; padding-bottom: 32px; } .css-hu46gh-ratings > a:hover { background-color: rgba(0000.05); } .css-hu46gh-ratings > a:hover .css-ui0mgg-showOnHover { visibility: visible; } @media (max-width: 767px) { .css-hu46gh-ratings { grid-template-columns: repeat(21fr); } } .css-8su7av-photoContainer { display: flex; } .css-8su7av-photoContainer > * + * { margin-left: -8px; } .css-1jgmu8u-spacer { min-height: 48px; } @media ((min-width: 768px) and (max-width: 1279px)) { .css-1jgmu8u-spacer { min-height: 18px; } } @media ((max-width: 767px)) { .css-1jgmu8u-spacer { display: none; } } .css-gu3cn8-testimonialTextTruncatedOnTablet { } @media ((min-width: 768px) and (max-width: 1279px)) { .css-gu3cn8-testimonialTextTruncatedOnTablet { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } } .css-15mini4-container { height: 100%; min-height: 640px; } @media (min-width: 768px) and (max-width: 1279px) { .css-15mini4-container { min-height: 520px; } } @media (max-width: 767px) { .css-15mini4-container { min-height: 720px; } } .css-1v8rqve-signaturePaddingDesktop { } @media (min-width: 1280px) { .css-1v8rqve-signaturePaddingDesktop { padding-bottom: 8px; } } .css-3zehe5-repeat { background-repeat: no-repeat; } .css-1uu30h2 { z-index: 15; padding-top: 5px; } .css-d0byrv-itemWithVerticalLine { position: relative; } .css-d0byrv-itemWithVerticalLine::before { content: ''; width: 2px; position: absolute; } .css-w5onxu-tag { display: flex; align-items: flex-start; border-radius: 33px; white-space: nowrap; } .css-4b5jmw-withCursor { cursor: pointer; } .css-j7qvni-iconContainer { display: inline-flex; width: 64px; justify-content: center; background-color: rgba(0000.15); border-radius: 50%; padding: 16px; } @media (max-width: 767px) { .css-j7qvni-iconContainer { width: 56px; } } .css-jkodgo-superscript { top: -0.45em; } @media (min-width: 768px) and (max-width: 1279px) { .css-jkodgo-superscript { top: -0.4em; } } @media (max-width: 767px) { .css-jkodgo-superscript { top: -0.3em; } } .css-13lnhu0-masonryGrid { display: flex; } .css-1ytdkq0-masonryGridColumn { width: 320px; padding-right: 60px; box-sizing: content-box; } .css-1ytdkq0-masonryGridColumn:last-child { padding-right: 0px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ytdkq0-masonryGridColumn { width: 330px; } } @media (max-width: 767px) { .css-1ytdkq0-masonryGridColumn { width: 315px; } } .css-p3rdc8-teammate { padding-bottom: 68px; break-inside: avoid; } .css-a6v7dr-readyToJoinUsContainer { border: 3px dashed rgba(0000.1); border-radius: 8px; padding: 32px 24px; height: 360px; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: space-between; align-self: flex-start; } .css-qa0md1-noImageContainer { background-color: #F4F5F6; height: 192px; width: 192px; } .css-19h5irp-table { color: #000000; border-collapse: collapse; } .css-sb72kg-tableWithStickyHeader { } .css-sb72kg-tableWithStickyHeader tbody tr:first-child { border-top: none; } .css-sb72kg-tableWithStickyHeader thead th { position: sticky; top: 0; z-index: 1; background-color: #FFF; box-shadow: 0 -1px 0 0 rgba(0000.1) inset; } .css-6ypmas-tableRow { scroll-margin-top: 44px; vertical-align: middle; } .css-1ddvue5-tableWidth { min-width: 300px; width: 100%; } .css-dtbr2m-tableRowHover { } .css-dtbr2m-tableRowHover:hover td { background-color: rgba(0000.05); } .css-1w6z58l-tableHeadRow { } .css-1w6z58l-tableHeadRow .css-6ypmas-tableRow { border-top: none; } .css-7f3fpx-cell { padding: 8px; } @media (max-width: 767px) { .css-7f3fpx-cell:last-child { padding-right: 16px; } } .css-11i1mf7-cellHeader { padding: 16px 8px 8px; } .css-1ifodti-cellHeaderWithCustomPaddingOnMobile { } @media (max-width: 767px) { .css-1ifodti-cellHeaderWithCustomPaddingOnMobile { padding-left: 16px; padding-right: 0; } } .css-qb2s98-cellHiddenOnMobile { } @media (max-width: 767px) { .css-qb2s98-cellHiddenOnMobile { display: none; } } .css-1asu5ux-cellHiddenOnTablet { } @media (min-width: 768px) and (max-width: 1279px) { .css-1asu5ux-cellHiddenOnTablet { display: none; } } .css-1xdsxx3-noLeftPadding { padding-left: 0px; } .css-1t1pmn5-noTopPadding { padding-top: 0px; } .css-vlknli-icon { } .css-vlknli-icon:hover path { fill: #FF8D00; } .css-xycs36-mainScreenshot { position: relative; } @media (min-width: 1280px) { .css-xycs36-mainScreenshot { padding-bottom: 22px; } } .css-7sy58r-secondaryImage { position: absolute; border-radius: 4px; z-index: 1; left: -4.9%; top: 65.4%; } @media (max-width: 1279px) { .css-7sy58r-secondaryImage { display: none; } } .css-5npl8-mobileOverflowHidden { } @media (max-width: 767px) { .css-5npl8-mobileOverflowHidden { overflow-x: hidden; } } @keyframes animation-1t2faiv { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(-650%); -moz-transform: translateX(-650%); -ms-transform: translateX(-650%); transform: translateX(-650%); } } .css-1e05zqs-animationTrain { -webkit-animation-name: animation-1t2faiv; animation-name: animation-1t2faiv; } .css-1i5m7bx-scrollingContainer { display: flex; gap: 8px; -webkit-animation-duration: 40s; animation-duration: 40s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .css-1fo4huc-chartsContainer { display: grid; grid-auto-flow: column; grid-column-gap: 40px; padding: 40px 40px 96px; overflow-x: scroll; scroll-behavior: smooth; } .css-1fo4huc-chartsContainer::-webkit-scrollbar { display: none; } @media (max-width: 1279px) { .css-1fo4huc-chartsContainer { padding: 40px 32px 96px; padding-bottom: 64px; } } @media (max-width: 767px) { .css-1fo4huc-chartsContainer { padding: 40px 16px 96px; } } .css-1px28jh-hideOverflow { overflow-x: hidden; } .css-1ctkcy7-tagsMobile { display: flex; gap: 8px; overflow: auto; margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; -ms-overflow-: none; scrollbar-width: none; } @media (max-width: 767px) { .css-1ctkcy7-tagsMobile { padding-bottom: 1px; } } .css-1dww3k4-mainScreenshot { position: relative; } .css-1osxh5u-video { position: absolute; z-index: 1; } .css-1osxh5u-video:first-child { width: 300px; height: 275px; right: -7%; top: 7%; } .css-1osxh5u-video:last-child { width: 358px; height: 190px; left: -5.5%; bottom: 6%; } .css-1k8xnus-clearButtonContainer { margin-left: -2px; } .css-1k8xnus-clearButtonContainer > button { height: 100%; } .css-1k8xnus-clearButtonContainer span { line-height: 0; } .css-k0y4za-toggleButton { } .css-9uj5ds { display: grid; grid-template-columns: 1fr auto; position: relative; } .css-9uj5ds > * { min-width: 0; } .css-9uj5ds:has(.css-1k8xnus-clearButtonContainer:hover):not(:has(button:focus)) .css-k0y4za-toggleButton > button:not(:disabled) { border-right-color: rgba(0000.4); } .css-9uj5ds:has(.css-k0y4za-toggleButton > button:hover):not(:has(button:focus)) .css-1k8xnus-clearButtonContainer > button:not(:disabled) { border-left-color: rgba(0000.4); } .css-9uj5ds:has(.css-1k8xnus-clearButtonContainer > button:focus) .css-k0y4za-toggleButton > button:not(:disabled) { border-right-color: #FF8D00; } .css-9uj5ds:has(.css-k0y4za-toggleButton > button:focus) .css-1k8xnus-clearButtonContainer > button:not(:disabled) { border-left-color: #FF8D00; } .css-krmc4r-container { display: flex; justify-content: center; align-items: center; flex-grow: 1; } .css-1stznpd-logoLoader { display: block; width: 150px; height: 60px; background-image: url(/assets/esbuild/loader-KTFPZVCG.gif); background-size: contain; } .css-qoqtjz-buttonContainer { display: flex; width: 160px; margin: 0 auto; } @media (max-width: 767px) { .css-qoqtjz-buttonContainer { grid-gap: 0; padding-top: 32px; grid-template-columns: 100%; } } .css-1c6lmuq-back { position: absolute; right: 17px; top: 24px; right: 40px; z-index: 2; } @media (max-width: 767px) { .css-1c6lmuq-back { right: 32px; } } .css-qjru7f-logo { background-image: url(/assets/esbuild/logo-LEYVTBZF.svg); width: 74px; height: 21px; text-indent: -1000em; position: absolute; top: 42px; left: 40px; } @media (max-width: 767px) { .css-qjru7f-logo { margin-top: 0; top: 24px; left: 32px; } } .css-18cc6j5-containerBody { max-width: 840px; text-align: center; } @media (max-width: 767px) { .css-18cc6j5-containerBody { padding: 32px; flex-grow: 1; } } .css-1k833x1-containerWithFooter { display: flex; justify-content: center; align-items: center; flex-grow: 1; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 40px; } @media (max-width: 767px) { .css-1k833x1-containerWithFooter { gap: 16px; } } @media (max-width: 767px) { .css-1k833x1-containerWithFooter > .css-18cc6j5-containerBody { display: flex; align-items: center; } } .css-b8z475-containerFooter { } @media (max-width: 767px) { .css-b8z475-containerFooter { width: 100%; padding: 0 32px 40px 32px; position: absolute; bottom: 0; z-index: 1; } } .css-1pj41cg-buttonContentCentered { } .css-1utqf1l-button { padding: 0; margin: 0; border-width: 0; background-color: transparent; cursor: pointer; color: currentColor; } .css-1utqf1l-button.css-1pj41cg-buttonContentCentered { display: flex; justify-content: center; align-items: center; } .css-1utqf1l-button:hover { color: #FF8D00; } .css-1utqf1l-button:focus { outline-: none; } .css-hpvykk-layoutContainer { flex-grow: 1; display: grid; } .css-bu8akf-checkoutHeader { padding: 32px 40px 0; display: flex; align-items: center; justify-content: space-between; min-height: 74px; max-height: 74px; } @media (max-width: 767px) { .css-bu8akf-checkoutHeader { padding: 17px 16px 0; min-height: 50px; max-height: 50px; } } .css-1ia7gde-checkoutContent { height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; padding-bottom: 96px; } .css-1ia7gde-checkoutContent > * { width: 100%; } @media (max-width: 767px) { .css-1ia7gde-checkoutContent { width: 100%; padding-bottom: 64px; } } .css-1aqcvxe-resultMessage { height: 100%; display: grid; grid-gap: 40px; justify-items: center; padding-left: 32px; padding-right: 32px; padding-bottom: 96px; align-content: center; } @media (max-width: 767px) { .css-1aqcvxe-resultMessage { align-content: unset; align-items: center; grid-template-rows: 1fr auto; padding-left: 16px; padding-right: 16px; padding-bottom: 0; margin-top: -40px; margin-bottom: -24px; height: calc(100% + 64px); } } .css-juapzd-centerWideContentOnDesktop { } @media (min-width: 1280px) { .css-juapzd-centerWideContentOnDesktop { display: flex; justify-content: center; } } .css-1l8vwp3-signupFree { width: 100%; } .css-p3z0h3-signupSuccess { display: flex; text-align: center; justify-content: center; align-items: center; height: 100%; } .css-3v70u0-signupSuccessIcon { display: block; margin-bottom: 24px; } .css-vs3mam-formGroup { display: flex; visibility: hidden; } .css-17hm1qh-formGroupVisible { visibility: visible; } .css-rjclmo-formGroupDisabled { pointer-events: none; } .css-y37yjx-icon { text-align: left; margin-top: -1px; } .css-2vmiz3-terms { font-size: 15px; line-height: 22px; color: #FFF; } .css-1siar7g-dividerColor { } .css-1k3wrf7-divider { display: flex; justify-content: center; align-items: center; width: 100%; position: relative; } .css-1k3wrf7-divider::before { content: ''; display: block; width: 100%; border-bottom: 2px solid rgba(2552552550.3); } .css-1k3wrf7-divider::after { content: ''; display: block; width: 100%; border-bottom: 2px solid rgba(2552552550.3); } .css-1k3wrf7-divider.css-1siar7g-dividerColor::before { border-bottom: 2px solid rgba(0000.1); } .css-1k3wrf7-divider.css-1siar7g-dividerColor::after { border-bottom: 2px solid rgba(0000.1); } .css-1mq89a0-dividerText { flex-grow: 1; text-transform: uppercase; white-space: nowrap; padding: 0 8px; } .css-wlpr2y-authFailedContainer { opacity: 0.6; display: grid; grid-template-columns: 32px 1fr; margin-top: -8px; } .css-fy34pc-iconContainer { width: 0; overflow: hidden; display: flex; align-items: flex-end; transition: width 500ms ease 0ms normal; } .css-fy34pc-iconContainer + span { transition: color 500ms ease 0ms normal; } .css-16lp2jz-isActiveIcon { width: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-16lp2jz-isActiveIcon { width: 40px; } } .css-1x11aaa-gradientTop { height: 50px; position: absolute; bottom: -50px; right: 0; left: 480px; z-index: 1; } @media (min-width: 768px) and (max-width: 1279px) { .css-1x11aaa-gradientTop { left: 320px; } } @media (max-width: 767px) { .css-1x11aaa-gradientTop { display: none; } } .css-uzn2ou-introSticky { } @media (min-width: 1280px) { .css-uzn2ou-introSticky { position: sticky; top: 0; z-index: 1; } } @media (min-width: 768px) and (max-width: 1279px) { .css-uzn2ou-introSticky { position: sticky; top: 0; z-index: 50; } } .css-13gmr4l-titlesSticky { position: sticky; padding-top: 18px; padding-bottom: 18px; } .css-f0p5pk-contentContainer { display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 94px; justify-content: flex-start; padding-top: 24px; padding-bottom: 24px; position: relative; } .css-f0p5pk-contentContainer span { transition: color 500ms ease 0ms normal; } @font-face{font-:normal;font-weight:400;font-display:swap;font-family:"Ahrefs";src:url("/assets/fonts/ahrefs_regular.woff2");} @font-face{font-weight:700;font-display:swap;font-family:"Ahrefs";src:url("/assets/fonts/ahrefs_bold.woff2");} @font-face{font-:normal;font-display:swap;font-family:"EvolveLogoVf";src:url("/assets/fonts/EvolvelogoVF.woff2");} @font-face{font-:normal;font-weight:400;font-display:swap;font-family:"Inter";src:url("/assets/fonts/inter-regular.woff2");} @font-face{font-:normal;font-weight:700;font-display:swap;font-family:"Inter";src:url("/assets/fonts/inter-bold.woff2");} @font-face{font-:normal;font-weight:700;font-display:swap;font-family:"Zen";src:url("/assets/fonts/ZenKakuGothicNew-Bold.woff2");} @font-face{font-:normal;font-weight:400;font-display:swap;font-family:"Zen";src:url("/assets/fonts/ZenKakuGothicNew-Regular.woff2");} @font-face{font-:normal;font-weight:700;font-display:swap;font-family:"Pretendard";src:url("/assets/fonts/Pretendard-Bold.woff2");} @font-face{font-:normal;font-weight:400;font-display:swap;font-family:"Pretendard";src:url("/assets/fonts/Pretendard-Regular.woff2");} .css-1qhk28c-pinImageContainer { } @media (min-width: 1280px) { .css-1qhk28c-pinImageContainer { order: -1; } } .css-1h18hq3-container { height: 100%; } .css-1h18hq3-container > div { height: 100%; } .css-itbf6w-textContainerMax5Lines { } @media (min-width: 768px) { .css-itbf6w-textContainerMax5Lines { overflow: hidden; display: -webkit-box; line-clamp: 5; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } } .css-1ahzumd { background-color: #E8E9EA; margin: 0 -32px; } @media (min-width: 1280px) { .css-1ahzumd { margin: 0 -48px; } } .css-k4rnbe-tag { padding: 2px 12px; border-radius: 33px; white-space: nowrap; color: #000000; } .css-85xp7r-noteWidth { width: 280px; } @media (min-width: 768px) and (max-width: 1279px) { .css-85xp7r-noteWidth { width: 240px; } } @media (max-width: 767px) { .css-85xp7r-noteWidth { width: 100%; } } .css-16kul70-listContainerPaddingLeftDesktop { padding-left: 120px; } @media (max-width: 767px) { .css-16kul70-listContainerPaddingLeftDesktop { padding-left: 0; } } .css-9n7n08-speakersContainerWidth { width: 1080px; } @media (min-width: 768px) and (max-width: 1279px) { .css-9n7n08-speakersContainerWidth { width: 720px; } } @media (max-width: 767px) { .css-9n7n08-speakersContainerWidth { width: calc(calc(159px * 2) + 24px); margin: 0 auto; } } .css-dmi8vm-speakerContainer { width: 240px; } @media (min-width: 768px) and (max-width: 1279px) { .css-dmi8vm-speakerContainer { width: 224px; } } @media (max-width: 767px) { .css-dmi8vm-speakerContainer { width: 159px; } } .css-w1ruxj-speakerContainerCursor { cursor: pointer; } .css-15lygei-portraitImageWrapper { position: relative; } .css-6k1f5s-ahrefsIconWithAbsolutePosition { position: absolute; bottom: 15px; left: 15px; } .css-vajzxx-venueContainer { display: flex; align-items: flex-start; gap: 40px; } @media (max-width: 767px) { .css-vajzxx-venueContainer { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; align-items: initial; gap: 24px; } } .css-1havkf6-imageContainer { position: absolute; overflow: hidden; width: 360px; height: 300px; right: 0; bottom: -40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1havkf6-imageContainer { right: -66px; } } @media (max-width: 767px) { .css-1havkf6-imageContainer { position: relative; width: 246px; bottom: 0; right: -24px; margin: 0 0 0 auto; } } .css-1f7sv6o-heading { margin-top: 0; font-weight: 400; } .css-12b5f1t-container { display: grid; grid-template-columns: 1fr auto; grid-gap: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-12b5f1t-container { grid-template-columns: 1fr; } } @media (max-width: 767px) { .css-12b5f1t-container { display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 16px; } } .css-1nh4a53-description { } @media (min-width: 1280px) { .css-1nh4a53-description { padding-top: 12px; } } .css-a8xdyu-table { border-spacing: 0; text-align: left; border-collapse: collapse; } .css-1j34s6k-tableRow { border-top: 1px solid; vertical-align: baseline; } .css-iw1bwo-tableRowHighlighted { background-color: #F9E204; color: #000000; border-top: 0 none transparent; } .css-iw1bwo-tableRowHighlighted + tr { border-top: 0 none transparent; } .css-12nxa2w-tableCellHeading { padding: 8px; } .css-12nxa2w-tableCellHeading:first-child { text-align: right; } .css-1983u24-tableCell { white-space: normal; padding: 8px; } .css-1983u24-tableCell:first-child { min-width: 48px; text-align: right; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .css-1983u24-tableCell:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } @media (max-width: 767px) { .css-1983u24-tableCell:nth-child(2) { min-width: 126px; } } .css-1v2zav8-image1 { background-image: url(/assets/esbuild/seo-glossary-1-D7F2OGKB.svg); background-size: contain; background-repeat: no-repeat; width: 400px; height: 114px; } @media (max-width: 767px) { .css-1v2zav8-image1 { position: absolute; right: 0; background-image: url(/assets/esbuild/seo-glossary-1-mobile-5QZIZAJE.svg); width: 150px; height: 124px; } } .css-c5eyn5-termsPart1 { display: flex; align-items: center; } @media (max-width: 767px) { .css-c5eyn5-termsPart1 { min-height: 124px; } } .css-pwtve1-termsPart2 { } @media (max-width: 767px) { .css-pwtve1-termsPart2 { min-height: 950px; } } .css-16gt0kr-termsPart3 { display: flex; align-items: center; } @media (max-width: 767px) { .css-16gt0kr-termsPart3 { min-height: 215px; } } .css-kurlf0-image2 { background-image: url(/assets/esbuild/seo-glossary-2-M7HIEK7D.svg); background-size: contain; background-repeat: no-repeat; width: 464px; height: 626px; } @media (max-width: 767px) { .css-kurlf0-image2 { position: absolute; right: 0; background-image: url(/assets/esbuild/seo-glossary-2-mobile-K5MWRFC4.svg); width: 253px; height: 950px; } } .css-1490eod-image3 { background-image: url(/assets/esbuild/seo-glossary-3-EWN4B7ZC.svg); background-size: contain; background-repeat: no-repeat; width: 400px; height: 177px; } @media (max-width: 767px) { .css-1490eod-image3 { position: absolute; right: 0; background-image: url(/assets/esbuild/seo-glossary-3-mobile-4QNQ7IET.svg); width: 150px; height: 215px; } } .css-17642n5-termText { max-width: 328px; } @media (max-width: 767px) { .css-17642n5-termText { max-width: 150px; } } .css-9zcfiq-imageBeardedMan { height: 110px; } @media (max-width: 767px) { .css-9zcfiq-imageBeardedMan { height: 200px; } } .css-cwwzfj-chapterBox { border-radius: 24px; min-height: 212px; padding: 40px 24px; background-color: #FFF; transition-duration: 250ms; transition-timing-function: ease-in-out; transition-property: box-shadowcolor; } .css-cwwzfj-chapterBox:hover { color: #FF8D00; box-shadow: 0 0 0 3px #FF8D00; } @media (max-width: 767px) { .css-cwwzfj-chapterBox { min-height: 323px; padding: 16px 16px 24px; } } .css-1k00whq-chapterBoxSvgContainer { display: flex; justify-content: center; align-items: center; position: relative; height: 132px; } @media (max-width: 767px) { .css-1k00whq-chapterBoxSvgContainer { height: 113px; } } .css-6afbvc-chapterBoxTextContainer { width: 360px; } @media (max-width: 767px) { .css-6afbvc-chapterBoxTextContainer { width: auto; } } .css-sdpedg-anim { transition-property: transform; transition-duration: 500ms; transition-timing-function: ease-in-out; } .css-uzfh7s-chapter1MagnifierAnim { } .css-cwwzfj-chapterBox:hover .css-uzfh7s-chapter1MagnifierAnim { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .css-uzfh7s-chapter1MagnifierAnim { -webkit-transform: translateX(-10%) !important; -moz-transform: translateX(-10%) !important; -ms-transform: translateX(-10%) !important; transform: translateX(-10%) !important; } } .css-159h961-chapter2Container { position: absolute; width: 240px; height: 150px; } @media (max-width: 767px) { .css-159h961-chapter2Container { top: 20px; width: 170px; height: 110px; } } .css-1ld3jjf-chapter2ContainerAnim { } .css-cwwzfj-chapterBox:hover .css-1ld3jjf-chapter2ContainerAnim { -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg); } @media (max-width: 767px) { .css-1ld3jjf-chapter2ContainerAnim { -webkit-transform: rotate(-18deg) !important; -moz-transform: rotate(-18deg) !important; -ms-transform: rotate(-18deg) !important; transform: rotate(-18deg) !important; } } .css-ykri37-chapter2BlueKeyAnim { } .css-cwwzfj-chapterBox:hover .css-ykri37-chapter2BlueKeyAnim { -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); } @media (max-width: 767px) { .css-ykri37-chapter2BlueKeyAnim { -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); } } .css-qajw3r-chapter2RaysAnim { transition-property: opacity; -webkit-transform: rotate(16deg); -moz-transform: rotate(16deg); -ms-transform: rotate(16deg); transform: rotate(16deg); opacity: 0; } .css-cwwzfj-chapterBox:hover .css-qajw3r-chapter2RaysAnim { opacity: 1; } @media (max-width: 767px) { .css-qajw3r-chapter2RaysAnim { opacity: 1; } } .css-7zqnhx-chapter3RedIconAnim { } .css-cwwzfj-chapterBox:hover .css-7zqnhx-chapter3RedIconAnim { -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); transform: translateX(-30%); } @media (max-width: 767px) { .css-7zqnhx-chapter3RedIconAnim { -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); transform: translateX(-30%); } } .css-1edw7te-chapter4ChartIconAnim { } .css-cwwzfj-chapterBox:hover .css-1edw7te-chapter4ChartIconAnim { -webkit-transform: translateX(25%); -moz-transform: translateX(25%); -ms-transform: translateX(25%); transform: translateX(25%); } @media (max-width: 767px) { .css-1edw7te-chapter4ChartIconAnim { -webkit-transform: translateX(25%); -moz-transform: translateX(25%); -ms-transform: translateX(25%); transform: translateX(25%); } } .css-1y5bze-chapter4PieSmallIconAnim { } .css-cwwzfj-chapterBox:hover .css-1y5bze-chapter4PieSmallIconAnim { -webkit-transform: translateX(-45%); -moz-transform: translateX(-45%); -ms-transform: translateX(-45%); transform: translateX(-45%); } @media (max-width: 767px) { .css-1y5bze-chapter4PieSmallIconAnim { -webkit-transform: translateX(-45%); -moz-transform: translateX(-45%); -ms-transform: translateX(-45%); transform: translateX(-45%); } } .css-jfflw-chapter4PieLargeIconAnim { } .css-cwwzfj-chapterBox:hover .css-jfflw-chapter4PieLargeIconAnim { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .css-jfflw-chapter4PieLargeIconAnim { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .css-v6jiun-chapter3BlueIconAnim { } .css-cwwzfj-chapterBox:hover .css-v6jiun-chapter3BlueIconAnim { -webkit-transform: translateX(27%); -moz-transform: translateX(27%); -ms-transform: translateX(27%); transform: translateX(27%); } @media (max-width: 767px) { .css-v6jiun-chapter3BlueIconAnim { -webkit-transform: translateX(27%); -moz-transform: translateX(27%); -ms-transform: translateX(27%); transform: translateX(27%); } } .css-1x1cx40-chapter3GreenIconAnim { } .css-cwwzfj-chapterBox:hover .css-1x1cx40-chapter3GreenIconAnim { -webkit-transform: translateX(70%); -moz-transform: translateX(70%); -ms-transform: translateX(70%); transform: translateX(70%); } @media (max-width: 767px) { .css-1x1cx40-chapter3GreenIconAnim { -webkit-transform: translateX(70%); -moz-transform: translateX(70%); -ms-transform: translateX(70%); transform: translateX(70%); } } .css-12c1l3m-chapter3CircleIconAnim { } .css-cwwzfj-chapterBox:hover .css-12c1l3m-chapter3CircleIconAnim { -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg); } @media (max-width: 767px) { .css-12c1l3m-chapter3CircleIconAnim { -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg); } } .css-eya3bt-chapter5LeftZapAnim { transition-property: all; opacity: 0; } .css-cwwzfj-chapterBox:hover .css-eya3bt-chapter5LeftZapAnim { -webkit-transform: translate(-30%-80%); -moz-transform: translate(-30%-80%); -ms-transform: translate(-30%-80%); transform: translate(-30%-80%); opacity: 1; } @media (max-width: 767px) { .css-eya3bt-chapter5LeftZapAnim { -webkit-transform: translate(-30%-80%); -moz-transform: translate(-30%-80%); -ms-transform: translate(-30%-80%); transform: translate(-30%-80%); opacity: 1; } } .css-16ld0ml-chapter5RightZapAnim { transition-property: all; opacity: 0; } .css-cwwzfj-chapterBox:hover .css-16ld0ml-chapter5RightZapAnim { -webkit-transform: translate(40%-60%); -moz-transform: translate(40%-60%); -ms-transform: translate(40%-60%); transform: translate(40%-60%); opacity: 1; } @media (max-width: 767px) { .css-16ld0ml-chapter5RightZapAnim { -webkit-transform: translate(40%-60%); -moz-transform: translate(40%-60%); -ms-transform: translate(40%-60%); transform: translate(40%-60%); opacity: 1; } } .css-w3tlsr-chapter6BrickWhiteMoveDown { } .css-cwwzfj-chapterBox:hover .css-w3tlsr-chapter6BrickWhiteMoveDown { -webkit-transform: translateY(22%); -moz-transform: translateY(22%); -ms-transform: translateY(22%); transform: translateY(22%); } @media (max-width: 767px) { .css-w3tlsr-chapter6BrickWhiteMoveDown { -webkit-transform: translateY(22%); -moz-transform: translateY(22%); -ms-transform: translateY(22%); transform: translateY(22%); } } .css-1fpdizd-chapter6BrickWhiteLeftMove { } .css-cwwzfj-chapterBox:hover .css-1fpdizd-chapter6BrickWhiteLeftMove { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } @media (max-width: 767px) { .css-1fpdizd-chapter6BrickWhiteLeftMove { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } } .css-1q6jiut-chapter6BrickYellowMove { } .css-cwwzfj-chapterBox:hover .css-1q6jiut-chapter6BrickYellowMove { -webkit-transform: translateX(14px); -moz-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); } @media (max-width: 767px) { .css-1q6jiut-chapter6BrickYellowMove { -webkit-transform: translateX(14px); -moz-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); } } .css-1ndxkib-chapter6BrickBlueMove { } .css-cwwzfj-chapterBox:hover .css-1ndxkib-chapter6BrickBlueMove { -webkit-transform: translateX(-14px); -moz-transform: translateX(-14px); -ms-transform: translateX(-14px); transform: translateX(-14px); } @media (max-width: 767px) { .css-1ndxkib-chapter6BrickBlueMove { -webkit-transform: translateX(-14px); -moz-transform: translateX(-14px); -ms-transform: translateX(-14px); transform: translateX(-14px); } } .css-1c3zos1-chapter7LeftIconMove { } .css-cwwzfj-chapterBox:hover .css-1c3zos1-chapter7LeftIconMove { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .css-1c3zos1-chapter7LeftIconMove { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .css-1eq6onm-chapter7RightIconMove { } .css-cwwzfj-chapterBox:hover .css-1eq6onm-chapter7RightIconMove { -webkit-transform: translateX(35%); -moz-transform: translateX(35%); -ms-transform: translateX(35%); transform: translateX(35%); } @media (max-width: 767px) { .css-1eq6onm-chapter7RightIconMove { -webkit-transform: translateX(35%); -moz-transform: translateX(35%); -ms-transform: translateX(35%); transform: translateX(35%); } } .css-1y4fbuy-navigation { padding-top: 96px; text-align: center; } @media (max-width: 767px) { .css-1y4fbuy-navigation { padding-top: 0; } } .css-1r2svaj-definition { } .css-1r2svaj-definition h2 { padding-top: 24px; } .css-1r2svaj-definition h3 { padding-top: 8px; } .css-1r2svaj-definition p:first-child { font-size: 22px; line-height: 33px; } .css-1r2svaj-definition ul { padding: 0 0 0 26px; font-size: 18px; line-height: 29px; } .css-1r2svaj-definition ol { padding: 0 0 0 26px; font-size: 18px; line-height: 29px; } .css-1r2svaj-definition blockquote { font-size: 16px; line-height: 22px; background-color: rgba(0000.05); padding: 16px 24px; margin: 0 -24px 16px -24px; white-space: normal; } .css-1r2svaj-definition pre { font-size: 16px; line-height: 22px; background-color: rgba(0000.05); padding: 16px 24px; margin: 0 -24px 16px -24px; white-space: normal; } .css-1r2svaj-definition blockquote.small { position: relative; background-image: none; padding: 0 0 0 55px; } .css-1r2svaj-definition blockquote.small:before { content: ''; display: block; background-image: url(/assets/esbuild/quote-icon-UN7XURUQ.svg); background-repeat: no-repeat; position: absolute; top: 0; left: 6px; width: 37px; height: 60px; } .css-1r2svaj-definition blockquote.small img { width: 40px; height: 40px; border-radius: 40px; box-shadow: none; } .css-1r2svaj-definition blockquote.small .quote-info { display: flex; } .css-1r2svaj-definition blockquote.small .extra-box { display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 15px; padding-left: 8px; } .css-1r2svaj-definition blockquote.small .quote-author { font-weight: 700; } .css-1r2svaj-definition blockquote.small .quote-author-job { color: rgba(0000.65); } .css-1r2svaj-definition figure { margin: 0 0 16px 0; } .css-1r2svaj-definition blockquote { margin: 0 0 16px 0; } .css-1r2svaj-definition img { width: 100%; box-shadow: 0 8px 16px 0 rgba(0000.1)0 2px 6px 0 rgba(0000.15); height: auto; } .css-1r2svaj-definition h2 { margin-bottom: 16px; } .css-1r2svaj-definition h3 { margin-bottom: 16px; } .css-1r2svaj-definition p { margin-bottom: 16px; } .css-1r2svaj-definition figure { margin-bottom: 16px; } @media (max-width: 767px) { .css-1r2svaj-definition blockquote { margin: 0 -16px 16px -16px; } .css-1r2svaj-definition pre { margin: 0 -16px 16px -16px; } } .css-17h8np h2 { font-family: "Ahrefs"sans-serif; font-size: 64px; line-height: 60px; } html[lang="ja"] .css-17h8np h2 { font-family: "Ahrefs""Zen"sans-serif; font-size: 64px; line-height: 60px; } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-17h8np h2 { font-size: 48px; line-height: 48px; } } @media (max-width: 767px) { html[lang="ja"] .css-17h8np h2 { font-size: 40px; line-height: 40px; } } html[lang="ko"] .css-17h8np h2 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 64px; line-height: 60px; } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-17h8np h2 { font-size: 48px; line-height: 48px; } } @media (max-width: 767px) { html[lang="ko"] .css-17h8np h2 { font-size: 40px; line-height: 40px; } } .css-17h8np h3 { font-family: "Ahrefs"sans-serif; font-size: 32px; line-height: 34px; } html[lang="ja"] .css-17h8np h3 { font-family: "Ahrefs""Zen"sans-serif; font-size: 32px; line-height: 34px; } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-17h8np h3 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { html[lang="ja"] .css-17h8np h3 { font-size: 24px; line-height: 26px; } } html[lang="ko"] .css-17h8np h3 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 32px; line-height: 34px; } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-17h8np h3 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { html[lang="ko"] .css-17h8np h3 { font-size: 24px; line-height: 26px; } } .css-17h8np p { font-family: "Inter"sans-serif; font-size: 18px; line-height: 28px; } html[lang="ja"] .css-17h8np p { font-family: "Inter""Zen"sans-serif; font-size: 18px; line-height: 28px; } html[lang="ko"] .css-17h8np p { font-family: "Inter""Pretendard"sans-serif; font-size: 18px; line-height: 28px; } @media (min-width: 768px) and (max-width: 1279px) { .css-17h8np h2 { font-size: 48px; line-height: 48px; } } @media (max-width: 767px) { .css-17h8np h2 { font-size: 40px; line-height: 40px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-17h8np h3 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { .css-17h8np h3 { font-size: 24px; line-height: 26px; } } .css-hmv0o1-stickyWrapper { position: sticky; top: 0; z-index: 1; padding: 13px 0; background-color: #3A57FC; } .css-1q60wmf-scrollWrapper { max-width: 960px; overflow-y: hidden; } .css-1294cuh-characterItem { text-align: center; width: 34px; height: 32px; cursor: pointer; border-bottom: 2px solid transparent; } .css-rsaiji-characterItemSelected { cursor: default; pointer-events: none; border-bottom: 2px solid #FF8D00; } .css-11bwn4f-table { border-collapse: collapse; } .css-11bwn4f-table td { padding: 8px 0; } .css-11bwn4f-table th { padding: 8px 0; } .css-11bwn4f-table tr { vertical-align: baseline; } .css-11bwn4f-table tr:last-child { border-bottom-width: 0; } .css-11bwn4f-table th { width: 250px; text-align: left; padding-right: 24px; } @media (max-width: 767px) { .css-11bwn4f-table td { display: block; border-width: 0; } .css-11bwn4f-table th { display: block; border-width: 0; } .css-11bwn4f-table th { padding-bottom: 4px; } .css-11bwn4f-table td { padding-top: 4px; } } .css-g4c2ps-table { border-collapse: collapse; } .css-g4c2ps-table tr { border-bottom: 1px solid rgba(0000.1); } .css-g4c2ps-table tr:last-child { border-bottom-width: 0; } @media (max-width: 767px) { .css-g4c2ps-table tr:nth-child(2) { border-top: 1px solid rgba(0000.1); } } .css-11lqbwb-tableCell { padding: 8px 16px 8px 0px; vertical-align: top; text-align: left; } .css-11lqbwb-tableCell span { line-height: 30px; word-break: break-word; } .css-11lqbwb-tableCell:first-child { width: 316px; } .css-11lqbwb-tableCell:nth-child(2) { width: 286px; } @media (max-width: 1279px) { .css-11lqbwb-tableCell { padding-right: 16px; } .css-11lqbwb-tableCell:first-child { width: 266px; } .css-11lqbwb-tableCell:nth-child(2) { width: 266px; } } @media (max-width: 767px) { .css-11lqbwb-tableCell { display: block; padding: 0px; border-width: 0; } .css-11lqbwb-tableCell:first-child { padding-top: 8px; padding-bottom: 4px; } .css-11lqbwb-tableCell:last-child { padding-top: 4px; padding-bottom: 8px; text-align: left; } } .css-1um2de3-turnstileWrapper { position: relative; } .css-wzet9b-contentsItem { cursor: pointer; line-height: 22px; } .css-1kmh909-contentsItemText { } .css-1kmh909-contentsItemText:hover { color: #FF8D00; } .css-eu6kgv-selectedSectionId { cursor: default; } .css-eu6kgv-selectedSectionId .css-1kmh909-contentsItemText { background-color: #F9E204; -webkit-box-decoration-break: clone; box-decoration-break: clone; box-shadow: 4px 0 0 0 #F9E204-4px 0 0 0 #F9E204; } .css-eu6kgv-selectedSectionId .css-1kmh909-contentsItemText:hover { color: #000000; } .css-1vm9qq1-stickyContents { display: none; } @media (min-width: 1280px) { .css-1vm9qq1-stickyContents { display: block; position: sticky; top: 0; align-self: flex-start; width: 240px; } } .css-f2xdsl-container { min-height: 110px; } .css-f2xdsl-container:hover { background-color: #272727; } .css-f2xdsl-container:hover span { color: #FFB528; } @media (max-width: 767px) { .css-f2xdsl-container { min-height: 96px; } } .css-1y6ythp { background: radial-gradient(113.8% 113.8% at 50% 113.8%#FFDBB3 0%#FF7524 37.62%#F75A03 68.53%); height: 442px; } @media (max-width: 1279px) { .css-1y6ythp { height: unset; } } .css-lc64f9-item { max-width: 232px; } @media (max-width: 767px) { .css-lc64f9-item { max-width: 100%; } } .css-10ixpme-heartIcon { padding: 0 6px; } .css-9kqdbn-width { } @media (max-width: 767px) { .css-9kqdbn-width { width: 313px; } } .css-1n8sjk4-roundedBadge { display: flex; padding: 8px 32px; align-items: center; gap: 8px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 38px; height: 66px; } @media (max-width: 767px) { .css-1n8sjk4-roundedBadge { padding: 2px 24px; height: 52px; } } .css-3kq0-compactBadge { display: flex; padding: 21px; border-radius: 38px; height: 66px; width: 66px; background-color: #3A75FF; } .css-n3epyu-container { display: flex; align-items: flex-start; cursor: pointer; } .css-n3epyu-container.css-fcasjo-containerDisabled { cursor: not-allowed; } .css-7tefd-inputContainer { position: relative; top: 4px; } .css-jp06lw-input { position: absolute; width: 20px; height: 20px; border-radius: 50%; opacity: 0; } .css-b93ki9-inputViewDisabled { } .css-11rwf63-progressBarContainer { position: relative; height: 4px; } .css-15bqu-progressBar { position: absolute; top: 0; height: 4px; } .css-17qtrfu-soundwavesContainer { margin: 0 -16px; } .css-u4z6ow-soundwaves { display: block; object-fit: fill; width: 100%; height: 120px; } @media (min-width: 768px) and (max-width: 1279px) { .css-u4z6ow-soundwaves { height: 80px; } } @media (max-width: 767px) { .css-u4z6ow-soundwaves { height: 42px; } } .css-174w9cj-icon { display: inline-block; overflow: hidden; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; position: relative; top: 3px; margin-right: 4px; } .css-rwb4an-podcastContainer { } @media (min-width: 1280px) { .css-rwb4an-podcastContainer { min-width: 480px; } } .css-1dinna1-icon { display: inline-flex; position: relative; top: 3px; } .css-11dtm59-questionIcon { } .css-bybdo3-videoIcon { } .css-bybdo3-videoIcon svg:hover { cursor: pointer; } .css-bybdo3-videoIcon svg:hover path { fill: #FF7524; } .css-e5pgh-feature { padding-left: 32px; padding-right: 32px; margin: 0 -32px; } .css-e5pgh-feature .css-11dtm59-questionIcon { visibility: hidden; } .css-e5pgh-feature .css-bybdo3-videoIcon { opacity: 0.5; } @media (min-width: 768px) and (max-width: 1279px) { .css-e5pgh-feature { padding: 4px 24px; margin: 0 -24px; } } @media (max-width: 767px) { .css-e5pgh-feature { padding: 4px 16px; margin: 0 -16px; } } .css-154yxj5-featureVerticalPadding { padding-top: 4px; padding-bottom: 4px; } .css-bkhijq-rounded { border-radius: 4px; } .css-1wcr8x1-featureIcon { position: relative; display: inherit; top: 2px; } .css-1s6fb5e-badge { display: inline; padding-left: 4px; } .css-xw2v16-tooltipIconStyles { cursor: help; } .css-xw2v16-tooltipIconStyles .css-11dtm59-questionIcon { visibility: visible; } .css-xw2v16-tooltipIconStyles .css-bybdo3-videoIcon { opacity: 1; } .css-gd3ovg-hoverBgLight { } .css-gd3ovg-hoverBgLight:hover { background-color: rgba(0000.05); } .css-gd3ovg-hoverBgLight:has([data-state="open"]) { background-color: rgba(0000.05); } .css-1a6kfs6-hoverBgDark { } .css-1a6kfs6-hoverBgDark:hover { background-color: rgba(2552552550.2); } .css-1a6kfs6-hoverBgDark:has([data-state="open"]) { background-color: rgba(2552552550.2); } @keyframes animation-e0kh7t { 0% { left: 60%; } 50% { left: -20%; } 100% { left: 60%; } } @keyframes animation-ovhcia { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .css-1bp4ddp-gradientContainer { position: relative; width: 100%; height: 100%; } .css-1776hr8-canvas { overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .css-1mvqci1-contentWrapper { position: relative; z-index: 1; } .css-19y2m4l-row { display: grid; grid-template-columns: 256px 1fr 1fr 1fr 1fr; grid-column-gap: 24px; align-items: center; padding: 4px 0; } @media (max-width: 1279px) { .css-19y2m4l-row { grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 12px; padding: 6px 0; } .css-19y2m4l-row > :first-child { -ms-grid-column: span 4; grid-column: span 4; } } .css-4l2v73-rowToolLimit { grid-row-gap: 8px; } .css-598npj-rowToolPadding { padding-top: 4px; padding-bottom: 4px; margin-right: -32px; margin-left: -32px; padding-right: 32px; padding-left: 32px; } @media (max-width: 767px) { .css-598npj-rowToolPadding { margin-right: -16px; margin-left: -16px; padding-right: 16px; padding-left: 16px; } } .css-ipwee2-rowFeatureTitle { } .css-ipwee2-rowFeatureTitle .css-11dtm59-questionIcon { visibility: hidden; } .css-ipwee2-rowFeatureTitle .css-bybdo3-videoIcon { opacity: 0.5; } .css-ipwee2-rowFeatureTitle:hover .css-bybdo3-videoIcon { opacity: 1; } .css-ipwee2-rowFeatureTitle:hover .css-11dtm59-questionIcon { visibility: visible; } @media (max-width: 1279px) { .css-ipwee2-rowFeatureTitle { grid-template-columns: auto 1fr 1fr 1fr; } } .css-1gbx4yj-colSpanFill { -ms-grid-column: span 4; grid-column: span 4; } .css-1uju7ru-rowSubHeaderContainer { } @media (max-width: 1279px) { .css-1uju7ru-rowSubHeaderContainer { padding: 0 32px; } } @media (max-width: 767px) { .css-1uju7ru-rowSubHeaderContainer { padding: 0 16px; } } .css-oj99qn-rowToolTitle { cursor: pointer; } .css-oj99qn-rowToolTitle:hover { background-color: rgba(0000.05); } @media (max-width: 1279px) { .css-oj99qn-rowToolTitle { grid-template-columns: 1fr auto; grid-column-gap: 0px; } } .css-qp1jjc-rowToolTitleContent { display: contents; } .css-4xeoqj-rowHoverable { position: relative; } .css-4xeoqj-rowHoverable .css-11dtm59-questionIcon { visibility: hidden; } .css-4xeoqj-rowHoverable .css-bybdo3-videoIcon { opacity: 0.5; } .css-4xeoqj-rowHoverable:hover { background-color: rgba(0000.05); } .css-4xeoqj-rowHoverable:hover .css-11dtm59-questionIcon { visibility: visible; } .css-4xeoqj-rowHoverable:hover .css-bybdo3-videoIcon { opacity: 1; } .css-4xeoqj-rowHoverable:has([data-state="open"]) { background-color: rgba(0000.05); } .css-4xeoqj-rowHoverable:has([data-state="open"]) .css-11dtm59-questionIcon { visibility: visible; } .css-4xeoqj-rowHoverable:has([data-state="open"]) .css-bybdo3-videoIcon { opacity: 1; } .css-m52ueg-sticky { position: sticky; background-color: #FFF; } .css-1calmnw-stickyHeader { top: 0; z-index: 1; padding: 24px 32px 20px; display: grid; } @media (max-width: 767px) { .css-1calmnw-stickyHeader { padding: 24px 16px 12px; } } .css-p8nqth-stickyToolHeader { top: 92px; z-index: 2; padding: 0px 32px 0 32px; } @media (max-width: 767px) { .css-p8nqth-stickyToolHeader { padding: 0px 16px 0 16px; } } .css-1hu8s14-rowToolTitleDisabledDesktop { } @media (min-width: 1280px) { .css-1hu8s14-rowToolTitleDisabledDesktop { cursor: initial; } .css-1hu8s14-rowToolTitleDisabledDesktop:hover { background-color: initial; } } .css-1gdab3-containerBottomPadding { padding-top: 24px; padding-bottom: 24px; } .css-1m44z8a-videoContainer { display: flex; width: 100%; max-width: 1080px; margin: 0 auto; } .css-46jcbh-tooltipContainer { } @media (max-width: 1279px) { .css-46jcbh-tooltipContainer { color: rgba(0000.65); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } .css-upw3w8-rowKeyFeaturesTitle { display: flex; align-self: flex-start; } @media (max-width: 1279px) { .css-upw3w8-rowKeyFeaturesTitle { display: none; } } .css-eeyofy-tableContainer { overflow-x: auto; padding-left: 24px; -ms-overflow-: none; scrollbar-width: none; } .css-eeyofy-tableContainer::-webkit-scrollbar { display: none; } @media (max-width: 767px) { .css-eeyofy-tableContainer { margin-left: -24px; } } @media (min-width: 1280px) { .css-eeyofy-tableContainer { overflow-x: initial; padding-left: 0; } } .css-1rcklzx-responsiveTableContainer { width: 1200px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1rcklzx-responsiveTableContainer { padding-right: 24px; } } @media (max-width: 767px) { .css-1rcklzx-responsiveTableContainer { width: 825px; } } .css-11aqxap-table { width: 100%; background-color: #FFF; } .css-5794ov-row { display: grid; grid-template-columns: 1fr 1fr 1fr; } .css-16chh3x-col { padding-top: 24px; } .css-16chh3x-col .css-11dtm59-questionIcon { visibility: hidden; } .css-16chh3x-col .css-bybdo3-videoIcon { opacity: 0.5; } .css-16chh3x-col:not(:last-child) { border-right: 1px solid #E5E5E5; } .css-1cwvay4-rowHeader { } .css-1cwvay4-rowHeader:first-child .css-16chh3x-col { padding-top: 32px; } .css-1cwvay4-rowHeader .css-16chh3x-col { padding: 16px 32px 0; vertical-align: top; } @media (max-width: 1279px) { .css-1cwvay4-rowHeader:first-child .css-16chh3x-col { padding-top: 24px; } } @media (max-width: 767px) { .css-1cwvay4-rowHeader .css-16chh3x-col { padding: 16px 16px 0; } } .css-1fz1e6w-separatorCell { padding: 24px 32px 0; } @media (max-width: 767px) { .css-1fz1e6w-separatorCell { padding: 24px 16px 0; } } .css-ubsv9i-planSummaryCell { padding: 4px 32px; } @media (max-width: 767px) { .css-ubsv9i-planSummaryCell { padding: 4px 16px; } } .css-1dizxz3-rowLimit { } .css-1dizxz3-rowLimit > .css-16chh3x-col .css-ubsv9i-planSummaryCell:hover { background-color: rgba(0000.05); } .css-1dizxz3-rowLimit > .css-16chh3x-col .css-ubsv9i-planSummaryCell:hover .css-11dtm59-questionIcon { visibility: visible; } .css-1dizxz3-rowLimit > .css-16chh3x-col .css-ubsv9i-planSummaryCell:hover .css-bybdo3-videoIcon { opacity: 1; } .css-1dizxz3-rowLimit > .css-16chh3x-col [data-state="open"] .css-ubsv9i-planSummaryCell { background-color: rgba(0000.05); } .css-1dizxz3-rowLimit > .css-16chh3x-col [data-state="open"] .css-ubsv9i-planSummaryCell .css-11dtm59-questionIcon { visibility: visible; } .css-1dizxz3-rowLimit > .css-16chh3x-col [data-state="open"] .css-ubsv9i-planSummaryCell .css-bybdo3-videoIcon { opacity: 1; } .css-17mqfl4-featureCell { display: grid; grid-template-columns: auto auto; justify-content: space-between; align-items: baseline; padding: 4px 32px; margin-right: -1px; margin-left: -1px; position: relative; } @media (max-width: 767px) { .css-17mqfl4-featureCell { padding: 4px 16px; } } .css-1tc3abn-featureTitleCell { margin-bottom: 4px; padding-top: 0; padding-bottom: 0; } .css-14ljxjj-featureGroupTitle { margin-top: 8px; } .css-hrfmkk-featureCellValue { display: grid; grid-template-columns: auto; grid-gap: 6px; } .css-kez7ir-featureCellValueWithTooltip { grid-template-columns: auto 1fr; } .css-1tjb5gl-rowTool { } .css-1tjb5gl-rowTool:last-child > .css-16chh3x-col { padding-bottom: 32px; } .css-1tjb5gl-rowTool > .css-16chh3x-col .css-17mqfl4-featureCell:not(.css-1tc3abn-featureTitleCell):hover { background-color: rgba(0000.05); } .css-1tjb5gl-rowTool > .css-16chh3x-col .css-17mqfl4-featureCell:not(.css-1tc3abn-featureTitleCell):hover .css-11dtm59-questionIcon { visibility: visible; } .css-1tjb5gl-rowTool > .css-16chh3x-col .css-17mqfl4-featureCell:not(.css-1tc3abn-featureTitleCell):hover .css-bybdo3-videoIcon { opacity: 1; } .css-1tjb5gl-rowTool > .css-16chh3x-col [data-state="open"] .css-17mqfl4-featureCell:not(.css-1tc3abn-featureTitleCell) { background-color: rgba(0000.05); } .css-1tjb5gl-rowTool > .css-16chh3x-col [data-state="open"] .css-17mqfl4-featureCell:not(.css-1tc3abn-featureTitleCell) .css-11dtm59-questionIcon { visibility: visible; } .css-1tjb5gl-rowTool > .css-16chh3x-col [data-state="open"] .css-17mqfl4-featureCell:not(.css-1tc3abn-featureTitleCell) .css-bybdo3-videoIcon { opacity: 1; } @media (max-width: 1279px) { .css-1tjb5gl-rowTool:last-child > .css-16chh3x-col { padding-bottom: 24px; } } .css-1806f5r-arrowPosition { position: relative; top: 3px; } .css-1mw41bk-currencyPosition { position: relative; top: 5px; } .css-4nxpkh-button { display: flex; font-family: "Ahrefs"sans-serif; align-items: center; width: 34px; height: 34px; border-: none; justify-content: center; cursor: pointer; color: #3A57FC; font-size: 20px; } @media (max-width: 767px) { .css-4nxpkh-button { font-size: 19px; } } .css-1xi1ue7-buttonDisabled { pointer-events: none; } .css-t0kczv-buttonSelected { color: #F75A03; cursor: default; border-bottom: 2px solid #F75A03; } .css-t0kczv-buttonSelected:hover { border-bottom: 2px solid #F75A03; } .css-w40sgp-row { display: flex; align-items: center; } .css-w40sgp-row .css-4nxpkh-button { background-color: #FFF; border-bottom: 2px solid #FFF; } .css-w40sgp-row .css-4nxpkh-button:hover { color: #F75A03; } .css-w40sgp-row .css-t0kczv-buttonSelected { border-bottom: 2px solid #F75A03; } .css-1dkx5b6-invertedRow { } .css-1dkx5b6-invertedRow .css-4nxpkh-button { background-color: #3A57FC; color: rgba(2552552550.7); border-bottom: 2px solid #3A57FC; } .css-1dkx5b6-invertedRow .css-4nxpkh-button:hover { color: #FFB528; } .css-1dkx5b6-invertedRow .css-t0kczv-buttonSelected { color: #FFB528; border-bottom: 2px solid #FFB528; } .css-1lu8aai-pageCheckerWrapper { display: grid; grid-template-columns: repeat(21fr); align-items: flex-start; justify-content: space-between; grid-gap: 128px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1lu8aai-pageCheckerWrapper { grid-gap: 64px; } } @media (max-width: 767px) { .css-1lu8aai-pageCheckerWrapper { grid-template-columns: 1fr; grid-gap: 40px; } } .css-1jyadr1-statsWrapper { display: grid; grid-template-rows: repeat(21fr); grid-template-columns: repeat(21fr); grid-gap: 40px; align-items: flex-start; } @media (max-width: 767px) { .css-1jyadr1-statsWrapper { grid-gap: 24px; } } .css-qdjn2c-images { position: relative; min-height: 100%; } @media (max-width: 767px) { .css-qdjn2c-images { height: 300px; } } @keyframes animation-ec3jy3 { 0% { -webkit-transform: rotate(0deg) translateX(0) translateY(0); -moz-transform: rotate(0deg) translateX(0) translateY(0); -ms-transform: rotate(0deg) translateX(0) translateY(0); transform: rotate(0deg) translateX(0) translateY(0); } 100% { -webkit-transform: rotate(-4.82deg) translateX(-36px) translateY(-26px); -moz-transform: rotate(-4.82deg) translateX(-36px) translateY(-26px); -ms-transform: rotate(-4.82deg) translateX(-36px) translateY(-26px); transform: rotate(-4.82deg) translateX(-36px) translateY(-26px); } } @keyframes animation-tt1ars { 0% { -webkit-transform: rotate(0deg) translateX(0px) translateY(0px); -moz-transform: rotate(0deg) translateX(0px) translateY(0px); -ms-transform: rotate(0deg) translateX(0px) translateY(0px); transform: rotate(0deg) translateX(0px) translateY(0px); } 100% { -webkit-transform: rotate(-5.88deg) translateX(-42px) translateY(-15px); -moz-transform: rotate(-5.88deg) translateX(-42px) translateY(-15px); -ms-transform: rotate(-5.88deg) translateX(-42px) translateY(-15px); transform: rotate(-5.88deg) translateX(-42px) translateY(-15px); } } @keyframes animation-hwc3ck { 0% { -webkit-transform: rotate(12.2deg) translateX(0px) translateY(0px); -moz-transform: rotate(12.2deg) translateX(0px) translateY(0px); -ms-transform: rotate(12.2deg) translateX(0px) translateY(0px); transform: rotate(12.2deg) translateX(0px) translateY(0px); } 100% { -webkit-transform: rotate(23.06deg) translateX(33px) translateY(-20px); -moz-transform: rotate(23.06deg) translateX(33px) translateY(-20px); -ms-transform: rotate(23.06deg) translateX(33px) translateY(-20px); transform: rotate(23.06deg) translateX(33px) translateY(-20px); } } @keyframes animation-13vymqt { 0% { -webkit-transform: translateX(0px) translateY(0px); -moz-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); } 100% { -webkit-transform: translateX(-7px) translateY(-22px); -moz-transform: translateX(-7px) translateY(-22px); -ms-transform: translateX(-7px) translateY(-22px); transform: translateX(-7px) translateY(-22px); } } @keyframes animation-1nlueum { 0% { -webkit-transform: rotate(0deg) translateX(0px) translateY(0px); -moz-transform: rotate(0deg) translateX(0px) translateY(0px); -ms-transform: rotate(0deg) translateX(0px) translateY(0px); transform: rotate(0deg) translateX(0px) translateY(0px); } 100% { -webkit-transform: rotate(21.85deg) translateX(64px) translateY(-20px); -moz-transform: rotate(21.85deg) translateX(64px) translateY(-20px); -ms-transform: rotate(21.85deg) translateX(64px) translateY(-20px); transform: rotate(21.85deg) translateX(64px) translateY(-20px); } } @keyframes animation-1uaujuk { 0% { -webkit-transform: translateX(0px) translateY(0px); -moz-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); } 100% { -webkit-transform: translateX(-46px) translateY(11px); -moz-transform: translateX(-46px) translateY(11px); -ms-transform: translateX(-46px) translateY(11px); transform: translateX(-46px) translateY(11px); } } @keyframes animation-17hhj8l { 0% { -webkit-transform: translateX(0px) translateY(0px); -moz-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); } 100% { -webkit-transform: translateX(13px) translateY(-31px); -moz-transform: translateX(13px) translateY(-31px); -ms-transform: translateX(13px) translateY(-31px); transform: translateX(13px) translateY(-31px); } } @keyframes animation-l6htvg { 0% { -webkit-transform: translateX(0px) translateY(0px); -moz-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); } 100% { -webkit-transform: translateX(36px) translateY(-17px); -moz-transform: translateX(36px) translateY(-17px); -ms-transform: translateX(36px) translateY(-17px); transform: translateX(36px) translateY(-17px); } } .css-rhzz48-animation { -webkit-animation-duration: 2000ms; animation-duration: 2000ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media (max-width: 767px) { .css-rhzz48-animation { -webkit-animation-name: none !important; animation-name: none !important; } } .css-1ihei0j-animationGreg { -webkit-animation-name: animation-ec3jy3; animation-name: animation-ec3jy3; } .css-1kc35hy-animationDoggo { -webkit-animation-name: animation-tt1ars; animation-name: animation-tt1ars; } .css-1tnqsju-animationEarth { -webkit-animation-name: animation-hwc3ck; animation-name: animation-hwc3ck; } .css-14bu935-animationYellowPlanet { -webkit-animation-name: animation-13vymqt; animation-name: animation-13vymqt; } .css-5n5fvh-animationGreenPlanet { -webkit-animation-name: animation-1nlueum; animation-name: animation-1nlueum; } .css-1i87jy1-animationBlueStar { -webkit-animation-name: animation-1uaujuk; animation-name: animation-1uaujuk; } .css-bsq6ts-animationPinkStar { -webkit-animation-name: animation-17hhj8l; animation-name: animation-17hhj8l; } .css-17i44g4-animationYellowStar { -webkit-animation-name: animation-l6htvg; animation-name: animation-l6htvg; } .css-1n5141y-container { display: flex; cursor: pointer; } .css-1n5141y-container.css-fcasjo-containerDisabled { cursor: not-allowed; } .css-xctfby-input { cursor: pointer; position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: 0; } .css-ceyxih-inputBox { } .css-weir8j-applyButton { background-color: #FFF; border-color: transparent; cursor: pointer; height: 65px; width: 100%; } .css-weir8j-applyButton:hover { background-color: rgba(0000.05); } .css-weir8j-applyButton:focus { outline-: none; } .css-weir8j-applyButton:active { background-color: rgba(0000.15); } .css-9tbn8c-badge { width: 31px; display: flex; justify-content: center; background-color: #FFDBB3; border-radius: 43px; } .css-sfg3sz-canvas { } @media (min-width: 1280px) { .css-sfg3sz-canvas > div:last-child:after { content: ''; display: block; width: 320px; } } .css-qjwb44-tableContainer { display: grid; } @media (max-width: 767px) { .css-qjwb44-tableContainer { margin: 0 -32px; } } .css-q9cty8-tableScrollWrapper { } @media (max-width: 767px) { .css-q9cty8-tableScrollWrapper { padding: 0 32px; overflow-x: auto; } } .css-1wwiufh-table { border-spacing: 0; width: 100%; text-align: left; } .css-1wwiufh-table tr { vertical-align: baseline; padding-left: 0; } .css-1wwiufh-table td { border-top: 1px solid rgba(0000.1); } .css-1wwiufh-table th { white-space: normal; min-height: 50px; width: 30%; } .css-1wwiufh-table th:not(:first-child) { padding: 8px; } .css-1wwiufh-table th:last-child { width: 35%; } .css-1wwiufh-table th:first-child { padding-top: 8px; padding-right: 8px; padding-bottom: 8px; } .css-1wwiufh-table td { white-space: normal; min-height: 50px; width: 30%; } .css-1wwiufh-table td:not(:first-child) { padding: 8px; } .css-1wwiufh-table td:last-child { width: 35%; } .css-1wwiufh-table td:first-child { padding-top: 8px; padding-right: 8px; padding-bottom: 8px; } .css-14sp3ku-tableContainer { } @media (max-width: 767px) { .css-14sp3ku-tableContainer { overflow-x: auto; margin-left: -16px; padding-left: 16px; margin-right: -16px; } } .css-1q845hx-scrollableWrapper { width: 840px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1q845hx-scrollableWrapper { width: calc(768px - 32px); } } @media (max-width: 767px) { .css-1q845hx-scrollableWrapper { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-right: 16px; } } .css-4xwaaw-cookieAuditTable { } .css-4xwaaw-cookieAuditTable .cky-audit-table-element h3 { font-weight: 700; text-align: left; margin-bottom: 16px; margin-top: 0; } .css-4xwaaw-cookieAuditTable .cky-audit-table-element h3:not(:first-of-type) { margin-top: 24px; } .css-4xwaaw-cookieAuditTable .cky-audit-table-element .cky-table-wrapper { margin-top: 16px; overflow-x: auto; margin-left: -16px; padding-left: 16px; margin-right: -16px; width: initial; max-width: initial; } .css-4xwaaw-cookieAuditTable .cky-audit-table-element .cky-table-wrapper .cky-cookie-audit-table { padding-right: 16px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 600px; border-collapse: initial; } .css-4xwaaw-cookieAuditTable .cky-audit-table-element .cky-table-wrapper .cky-cookie-audit-table thead tr th { background-color: transparent; border: none; border-bottom: 1px solid rgba(0000.1); padding: 8px; padding-left: 0; font-weight: 700; text-align: left; } .css-4xwaaw-cookieAuditTable .cky-audit-table-element .cky-table-wrapper .cky-cookie-audit-table tbody tr td { background-color: transparent; border: none; border-bottom: 1px solid rgba(0000.1); font-weight: 400; padding: 8px 16px 8px 0; vertical-align: top; word-wrap: break-word; width: 154px; max-width: 154px; } .css-4xwaaw-cookieAuditTable .cky-audit-table-element .cky-table-wrapper .cky-cookie-audit-table tbody tr td:last-child { width: auto; max-width: initial; padding-right: 0; } .css-4xwaaw-cookieAuditTable .cky-audit-table-element .cky-table-wrapper .cky-cookie-audit-table tbody tr:last-of-type td { border: none; } .css-ugykuo-cookieAuditTableTextStyles { } .css-ugykuo-cookieAuditTableTextStyles h3 { font-family: "Ahrefs"sans-serif; font-size: 32px; line-height: 34px; } html[lang="ja"] .css-ugykuo-cookieAuditTableTextStyles h3 { font-family: "Ahrefs""Zen"sans-serif; font-size: 32px; line-height: 34px; } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-ugykuo-cookieAuditTableTextStyles h3 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { html[lang="ja"] .css-ugykuo-cookieAuditTableTextStyles h3 { font-size: 24px; line-height: 26px; } } html[lang="ko"] .css-ugykuo-cookieAuditTableTextStyles h3 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 32px; line-height: 34px; } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-ugykuo-cookieAuditTableTextStyles h3 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { html[lang="ko"] .css-ugykuo-cookieAuditTableTextStyles h3 { font-size: 24px; line-height: 26px; } } .css-ugykuo-cookieAuditTableTextStyles .cky-cookie-audit-table thead tr th { font-family: "Ahrefs"sans-serif; font-size: 16px; line-height: 20px; } html[lang="ja"] .css-ugykuo-cookieAuditTableTextStyles .cky-cookie-audit-table thead tr th { font-family: "Ahrefs""Zen"sans-serif; font-size: 16px; line-height: 20px; } html[lang="ko"] .css-ugykuo-cookieAuditTableTextStyles .cky-cookie-audit-table thead tr th { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 16px; line-height: 20px; } .css-ugykuo-cookieAuditTableTextStyles .cky-cookie-audit-table tbody tr td { font-family: "Inter"sans-serif; font-size: 16px; line-height: 24px; } html[lang="ja"] .css-ugykuo-cookieAuditTableTextStyles .cky-cookie-audit-table tbody tr td { font-family: "Inter""Zen"sans-serif; font-size: 16px; line-height: 24px; } html[lang="ko"] .css-ugykuo-cookieAuditTableTextStyles .cky-cookie-audit-table tbody tr td { font-family: "Inter""Pretendard"sans-serif; font-size: 16px; line-height: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-ugykuo-cookieAuditTableTextStyles h3 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { .css-ugykuo-cookieAuditTableTextStyles h3 { font-size: 24px; line-height: 26px; } } .css-106typi-slider { margin: auto; } @media (max-width: 767px) { .css-106typi-slider { width: 100%; padding: 64px 0; } .css-106typi-slider .css-1buake3-sliderShaft { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 32px; width: 100%; height: auto; } } .css-1qu5jor-menu { margin-bottom: 16px; } @media (max-width: 767px) { .css-1qu5jor-menu { display: none; } } .css-k67fax-sliderItemActive { } .css-hfc03j-sliderItem { display: flex; position: relative; align-items: center; width: 1%; opacity: 0.6; -webkit-transform: scale(0.750.75); -moz-transform: scale(0.750.75); -ms-transform: scale(0.750.75); transform: scale(0.750.75); transform-origin: 80% 50%; transition: opacity 300ms cubic-bezier(0.300.51) 0ms normaltransform 300ms cubic-bezier(0.300.51) 0ms normal; } .css-hfc03j-sliderItem::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; cursor: pointer; } .css-hfc03j-sliderItem.css-k67fax-sliderItemActive { -webkit-transform: scale(11); -moz-transform: scale(11); -ms-transform: scale(11); transform: scale(11); opacity: 1; } .css-hfc03j-sliderItem.css-k67fax-sliderItemActive::after { display: none; } .css-k67fax-sliderItemActive + .css-hfc03j-sliderItem { transform-origin: 20% 50%; } @media (max-width: 767px) { .css-hfc03j-sliderItem { width: 100%; -webkit-transform: scale(11); -moz-transform: scale(11); -ms-transform: scale(11); transform: scale(11); opacity: 0.6; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .css-hfc03j-sliderItem.css-k67fax-sliderItemActive { opacity: 1; } .css-hfc03j-sliderItem::after { display: none; } } .css-1g57h4j-videoTitle { display: none; margin-bottom: 16px; text-align: center; } @media (max-width: 767px) { .css-1g57h4j-videoTitle { display: block; } } .css-1l29qcz-users { height: 400px; } @media (max-width: 767px) { .css-1l29qcz-users { height: 160px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1l29qcz-users { height: 240px; } } .css-189750z-user { width: 280px; height: 280px; } @media (max-width: 767px) { .css-189750z-user { width: 112px; height: 112px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-189750z-user { width: 168px; height: 168px; } } @media (min-width: 1280px) { .css-1d1ks0s { zoom: 0.5; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1d1ks0s { zoom: 0.5; } } .css-1gvc30d-width { } @media (min-width: 1280px) { .css-1gvc30d-width { max-width: 2160px; width: auto; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1gvc30d-width { max-width: 1440px; width: auto; } } @media (max-width: 767px) { .css-1gvc30d-width { width: 100%; max-width: 100%; } } .css-1ckk2kq-linkContainer { line-height: 0; } .css-1ckk2kq-linkContainer a { display: block; } .css-1nx310c-container { width: 100%; max-width: 720px; padding: 24px; background-color: #F4F5F6; } @media (max-width: 767px) { .css-1nx310c-container { margin: 24px 0; } } .css-13n0wds { position: sticky; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: -64px; bottom: 32px; margin-left: 40px; z-index: 101; } .css-13n0wds > * { margin-top: auto; margin-bottom: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-13n0wds { bottom: 24px; margin-left: 24px; } } @media (max-width: 767px) { .css-13n0wds { bottom: 16px; margin-left: 16px; } } .css-7l304x-stagingBanner { position: absolute; top: 0; left: 0; right: 0; z-index: 11; background-color: #F9E204; padding: 2px 32px; cursor: pointer; } @media (max-width: 767px) { .css-7l304x-stagingBanner { padding: 2px 8px; } } .css-185r00l-videoContainerBackground { background-image: url(/assets/esbuild/hero-bg-ZZ5LPY77.svg); background-size: cover; background-position: center; background-repeat: no-repeat; max-width: 1200px; margin: 0 auto; padding: 40px 0; } @media (max-width: 1279px) { .css-185r00l-videoContainerBackground { padding: 0; background-image: none; max-width: unset; } } .css-hlt2je-videoContainer { position: relative; cursor: pointer; } .css-hlt2je-videoContainer:hover button { color: #FFF; background-color: #FF8D00; opacity: 1; outline-: none; } .css-e6x9ef-buttonOverlay { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%-50%); -moz-transform: translate(-50%-50%); -ms-transform: translate(-50%-50%); transform: translate(-50%-50%); z-index: 1; pointer-events: none; } .css-ph4f2t-handIcon { display: inline-block; position: relative; top: 4px; } .css-1lnc82l-container { position: relative; overflow: hidden; } .css-1p9ztgr-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: opacity 500ms ease-in-out 0ms normal; } .css-b6r5a9-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 500ms ease-in-out 0ms normal; } .css-d3x41j-videoVisible { opacity: 1; } .css-7086th-imageHidden { opacity: 0; } .css-19q1yqd-content { position: relative; z-index: 1; } .css-1x8d8v3-stat { max-width: 204px; } .css-18o4rby-videoContainer { position: relative; } .css-18o4rby-videoContainer video { width: 100%; height: 352px; } @media (min-width: 768px) and (max-width: 1279px) { .css-18o4rby-videoContainer video { object-fit: cover; } } @media (max-width: 767px) { .css-18o4rby-videoContainer video { height: 100%; } } .css-1mu4fm3-controlButtonsOverlay { position: absolute; left: 50%; bottom: 16px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } @media (max-width: 767px) { .css-1mu4fm3-controlButtonsOverlay { left: 12px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } .css-1m0o3bp-dotsContainer { display: flex; gap: 8px; justify-content: center; align-items: center; height: 16px; line-height: 0; margin-top: 24px; } .css-ozsa2e-mediaContainerBase { position: relative; width: 100%; overflow: hidden; } .css-175paub-mediaItemBase { position: relative; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; align-items: center; } @keyframes animation-wu10vl { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .css-l1ywkw-carouselContainer { padding: 30px 16px 22px; opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-animation-name: animation-wu10vl; animation-name: animation-wu10vl; -webkit-animation-duration: 600ms; animation-duration: 600ms; -webkit-animation-timing-function: cubic-bezier(0.250.460.450.94); animation-timing-function: cubic-bezier(0.250.460.450.94); -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media (min-width: 768px) and (max-width: 1279px) { .css-l1ywkw-carouselContainer { padding: 24px 52px; } } .css-tqnqzp-carouselTrack { display: flex; gap: 16px; width: 100%; transition: transform 350ms ease 0ms normal; will-change: transform; } @media (prefers-reduced-motion: reduce) { .css-tqnqzp-carouselTrack { transition: none 0ms ease 0ms normal; } } .css-gn1ap9-carouselItem { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-width: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-gn1ap9-carouselItem { -webkit-flex: 0 0 616px; -ms-flex: 0 0 616px; flex: 0 0 616px; } } @media (min-width: 1280px) { .css-gn1ap9-carouselItem { -webkit-flex: 0 0 622px; -ms-flex: 0 0 622px; flex: 0 0 622px; } } .css-1n3bo3l-carouselItemExpanded { width: calc(100% - 32px); } .css-20xzo1-dotsSpacer { margin-top: 24px; height: 8px; } .css-185pxc2-expandableContent { overflow: hidden; transition: height 500ms cubic-bezier(0.250.460.450.94) 0ms normalopacity 500ms cubic-bezier(0.250.460.450.94) 0ms normalpadding 500ms cubic-bezier(0.250.460.450.94) 0ms normal; } .css-1awda6h-expanded { max-height: 10000px; opacity: 1; } .css-hgf9q2-collapsed { height: 0; opacity: 0; padding-top: 0; padding-bottom: 0; } .css-1h7zetu-toggleButtonContainer { position: relative; top: 4px; } @media (max-width: 767px) { .css-1h7zetu-toggleButtonContainer { top: 0px; } } .css-1d78vm-titleRow { cursor: default; } .css-xghu1r-titleText { cursor: pointer; } .css-y8qaij-contentWrapperWithSpacer { display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } .css-tp5sc2-spacer { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; display: flex; gap: 16px; } .css-lb89f9-mediaContainerStatic { position: relative; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 712px; } .css-1vmyjqd-mediaItemStatic { position: absolute; top: 0; left: 0; width: 100%; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; } .css-17b3oub-carouselTrack { display: flex; gap: 16px; width: 100%; } .css-1akgiv3-toolSlide { -webkit-flex: 0 0 622px; -ms-flex: 0 0 622px; flex: 0 0 622px; width: 100%; min-width: 279px; display: flex; justify-content: center; align-items: center; } .css-2bln4w-hoverZone { position: absolute; top: 0; bottom: 0; width: 120px; z-index: 1; } .css-1htq4an-hoverZoneLeft { left: 0; } .css-9yyntc-hoverZoneRight { right: 0; } .css-15poz-arrowButton { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; visibility: hidden; pointer-events: none; } .css-1gammlx-arrowButtonInteractive { } .css-1gammlx-arrowButtonInteractive:hover { visibility: visible; pointer-events: auto; } .css-1gammlx-arrowButtonInteractive:focus-visible { visibility: visible; pointer-events: auto; } .css-1gammlx-arrowButtonInteractive:focus-within { visibility: visible; pointer-events: auto; } .css-hpnuom-arrowButtonHidden { display: none; } .css-1ymdag5-arrowButtonLeft { left: 16px; } .css-1htq4an-hoverZoneLeft:hover ~ .css-1ymdag5-arrowButtonLeft:not(.css-hpnuom-arrowButtonHidden) { visibility: visible; pointer-events: auto; } .css-rcwwlr-arrowButtonRight { right: 16px; } .css-9yyntc-hoverZoneRight:hover ~ .css-rcwwlr-arrowButtonRight:not(.css-hpnuom-arrowButtonHidden) { visibility: visible; pointer-events: auto; } .css-1pta05z-progressIndicator { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FF8D00; transform-origin: top; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .css-pxlhrn-video { } @media (max-width: 767px) { .css-pxlhrn-video { width: 180px; height: 288px; position: relative; top: 0; } } .css-nb61iu-container { position: relative; } .css-1o58qk0-caption { padding: 8px 16px; border-radius: 25px; background-color: #F4F5F6; } .css-hivgxu-button { } .css-hivgxu-button span { cursor: pointer; } .css-hivgxu-button span:hover { color: #FF8D00; } .css-hivgxu-button svg { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .css-1vxtu4c-keyword { } @media (min-width: 768px) and (max-width: 1279px) { .css-1vxtu4c-keyword { align-self: flex-end; } } .css-1y9yip0-flagPaddedMobile { } @media (max-width: 767px) { .css-1y9yip0-flagPaddedMobile { padding-left: 16px; } } .css-r90cy5-video { position: absolute; width: 240px; border-radius: 4px; z-index: 1; } .css-r90cy5-video:first-child { right: 4%; top: 47%; } .css-r90cy5-video:nth-child(2) { left: -7%; top: 9%; } .css-r90cy5-video:last-child { right: -7%; bottom: 5%; } @media (max-width: 1279px) { .css-r90cy5-video { display: none; } } .css-lzh5cu-stackMinHeight { } @media (min-width: 1280px) { .css-lzh5cu-stackMinHeight { min-height: 420px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-lzh5cu-stackMinHeight { min-height: 436px; } } .css-112bgio-githubLink { display: grid; grid-row-gap: 8px; position: absolute; bottom: 0; right: -184px; } @media (max-width: 767px) { .css-112bgio-githubLink { position: static; display: flex; } .css-112bgio-githubLink > *:first-child { margin-right: 8px; } } .css-f0bzch-socialShareButtons { position: absolute; top: 0; right: -240px; } @media (max-width: 767px) { .css-f0bzch-socialShareButtons { top: 0; right: 0; } } .css-cw1nv9-jobDescription { display: grid; grid-gap: 24px; } .css-cw1nv9-jobDescription ul { display: grid; grid-gap: 8px; padding: 0; padding-left: 20px; } .css-cw1nv9-jobDescription ul ul { margin-top: 8px; margin-left: 16px; } .css-cw1nv9-jobDescription li { position: relative; list--type: none; } .css-cw1nv9-jobDescription li::before { position: absolute; left: -20px; content: url(/assets/esbuild/check-mark-5J6PFCVG.svg); width: 16px; height: 16px; color: #FF8D00; } .css-cw1nv9-jobDescription > * { margin: 0; } .css-cw1nv9-jobDescription iframe { border-: none; } @media (max-width: 767px) { .css-cw1nv9-jobDescription ul { padding-left: 4px; } } @media (max-width: 767px) { .css-cw1nv9-jobDescription li { position: relative; margin-left: 16px; } } @media (max-width: 767px) { .css-cw1nv9-jobDescription iframe { width: 100%; height: auto; } } .css-1l45s7t-jobDescriptionLegacy { } .css-1l45s7t-jobDescriptionLegacy h1 { font-family: "Ahrefs"sans-serif; font-size: 92px; line-height: 80px; } html[lang="ja"] .css-1l45s7t-jobDescriptionLegacy h1 { font-family: "Ahrefs""Zen"sans-serif; font-size: 92px; line-height: 80px; } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-1l45s7t-jobDescriptionLegacy h1 { font-size: 72px; line-height: 64px; } } @media (max-width: 767px) { html[lang="ja"] .css-1l45s7t-jobDescriptionLegacy h1 { font-size: 48px; line-height: 44px; } } html[lang="ko"] .css-1l45s7t-jobDescriptionLegacy h1 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 92px; line-height: 80px; } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-1l45s7t-jobDescriptionLegacy h1 { font-size: 72px; line-height: 64px; } } @media (max-width: 767px) { html[lang="ko"] .css-1l45s7t-jobDescriptionLegacy h1 { font-size: 48px; line-height: 44px; } } .css-1l45s7t-jobDescriptionLegacy h2 { font-family: "Ahrefs"sans-serif; font-size: 64px; line-height: 60px; font-weight: 400; } html[lang="ja"] .css-1l45s7t-jobDescriptionLegacy h2 { font-family: "Ahrefs""Zen"sans-serif; font-size: 64px; line-height: 60px; } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-1l45s7t-jobDescriptionLegacy h2 { font-size: 48px; line-height: 48px; } } @media (max-width: 767px) { html[lang="ja"] .css-1l45s7t-jobDescriptionLegacy h2 { font-size: 40px; line-height: 40px; } } html[lang="ko"] .css-1l45s7t-jobDescriptionLegacy h2 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 64px; line-height: 60px; } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-1l45s7t-jobDescriptionLegacy h2 { font-size: 48px; line-height: 48px; } } @media (max-width: 767px) { html[lang="ko"] .css-1l45s7t-jobDescriptionLegacy h2 { font-size: 40px; line-height: 40px; } } .css-1l45s7t-jobDescriptionLegacy h3 { font-family: "Ahrefs"sans-serif; font-size: 32px; line-height: 34px; } html[lang="ja"] .css-1l45s7t-jobDescriptionLegacy h3 { font-family: "Ahrefs""Zen"sans-serif; font-size: 32px; line-height: 34px; } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-1l45s7t-jobDescriptionLegacy h3 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { html[lang="ja"] .css-1l45s7t-jobDescriptionLegacy h3 { font-size: 24px; line-height: 26px; } } html[lang="ko"] .css-1l45s7t-jobDescriptionLegacy h3 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 32px; line-height: 34px; } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-1l45s7t-jobDescriptionLegacy h3 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { html[lang="ko"] .css-1l45s7t-jobDescriptionLegacy h3 { font-size: 24px; line-height: 26px; } } .css-1l45s7t-jobDescriptionLegacy h4 { font-family: "Ahrefs"sans-serif; font-size: 16px; line-height: 20px; } html[lang="ja"] .css-1l45s7t-jobDescriptionLegacy h4 { font-family: "Ahrefs""Zen"sans-serif; font-size: 16px; line-height: 20px; } html[lang="ko"] .css-1l45s7t-jobDescriptionLegacy h4 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 16px; line-height: 20px; } .css-1l45s7t-jobDescriptionLegacy p:first-child { font-family: "Inter"sans-serif; font-size: 18px; line-height: 28px; } html[lang="ja"] .css-1l45s7t-jobDescriptionLegacy p:first-child { font-family: "Inter""Zen"sans-serif; font-size: 18px; line-height: 28px; } html[lang="ko"] .css-1l45s7t-jobDescriptionLegacy p:first-child { font-family: "Inter""Pretendard"sans-serif; font-size: 18px; line-height: 28px; } .css-1l45s7t-jobDescriptionLegacy p { font-family: "Inter"sans-serif; font-size: 18px; line-height: 28px; } html[lang="ja"] .css-1l45s7t-jobDescriptionLegacy p { font-family: "Inter""Zen"sans-serif; font-size: 18px; line-height: 28px; } html[lang="ko"] .css-1l45s7t-jobDescriptionLegacy p { font-family: "Inter""Pretendard"sans-serif; font-size: 18px; line-height: 28px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1l45s7t-jobDescriptionLegacy h1 { font-size: 72px; line-height: 64px; } } @media (max-width: 767px) { .css-1l45s7t-jobDescriptionLegacy h1 { font-size: 48px; line-height: 44px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1l45s7t-jobDescriptionLegacy h2 { font-size: 48px; line-height: 48px; } } @media (max-width: 767px) { .css-1l45s7t-jobDescriptionLegacy h2 { font-size: 40px; line-height: 40px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1l45s7t-jobDescriptionLegacy h3 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { .css-1l45s7t-jobDescriptionLegacy h3 { font-size: 24px; line-height: 26px; } } .css-18zf9di-jobDescriptionLoading { min-height: 500px; } .css-cpnjto-gregWithLaptop { padding-left: 120px; } @media (max-width: 767px) { .css-cpnjto-gregWithLaptop { padding-left: 0; } } .css-1xw9klg-animationBoxVisible { } .css-m9tihr-logos { position: relative; } .css-2e8ug9-logosRow { display: flex; overflow: hidden; gap: 48px; justify-content: flex-start; align-items: center; } @media (min-width: 768px) and (max-width: 1279px) { .css-2e8ug9-logosRow { gap: 0; justify-content: space-between; } } @media (max-width: 767px) { .css-2e8ug9-logosRow { gap: 24px; justify-content: flex-start; } } .css-y84ik8-logosUnderlayer { position: absolute; left: 0; top: 0; right: 0; } @keyframes animation-u8ln8b { 0% { visibility: visible; -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } 2% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 23% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 25% { visibility: hidden; -webkit-transform: translateY(-44px); -moz-transform: translateY(-44px); -ms-transform: translateY(-44px); transform: translateY(-44px); } 100% { visibility: hidden; -webkit-transform: translateY(-44px); -moz-transform: translateY(-44px); -ms-transform: translateY(-44px); transform: translateY(-44px); } } .css-1u2kf2e-imageWrapper { position: relative; } .css-12o2g2l-image { } @media (min-width: 768px) and (max-width: 1279px) { .css-12o2g2l-image { position: absolute; right: 40px; } } .css-16v3b97-imageBeardManBike { margin-top: -128px; } @media (max-width: 767px) { .css-16v3b97-imageBeardManBike { margin-top: -96px; margin-bottom: 32px; } } .css-npw6jw-imageBeardManRocket { } @media (max-width: 767px) { .css-npw6jw-imageBeardManRocket { position: relative; margin-left: -80px; } } .css-hl0h43-contentWrapper { } @media (min-width: 768px) and (max-width: 1279px) { .css-hl0h43-contentWrapper { width: 340px; } } .css-1q2m9ur-date { margin-top: 4px; } @media (max-width: 767px) { .css-1q2m9ur-date { margin-top: 0; } } .css-iyl0yc { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-: dotted; text-underline-offset: 3px; cursor: pointer; } .css-iyl0yc:hover { color: #F75A03; text-decoration-color: #F75A03; } .css-zfwzja-tooltipImageWrapper { margin: -8px -16px -16px -16px; } .css-1tymsle-imageContainer { overflow: hidden; } .css-1z0kewu-overlay { background-color: rgba(0000.05); margin-top: -8px; } @media (max-width: 767px) { .css-1z0kewu-overlay { margin: 0 0; } } .css-1gb74xr-ahrefsLogoWrapper { position: absolute; bottom: -20px; left: 0; width: 100%; border-top: 4px solid #FF8D00; } @media (max-width: 767px) { .css-1gb74xr-ahrefsLogoWrapper { bottom: -30px; } } .css-wijx5w-googleLogoWrapper { position: absolute; bottom: -33px; left: 0; width: 100%; } .css-1dqyqpj-borderBottom { border-bottom: 1px solid rgba(0000.1); } .css-1dqyqpj-borderBottom:last-child { border-bottom-width: 0; } .css-1vp8yoi-topEmptyCellHeight { height: 32px; } @media (max-width: 767px) { .css-1vp8yoi-topEmptyCellHeight { height: 8px; } } .css-19po1ve-bottomAhrefsCellContainer { min-height: 66px; background-color: #FFF; } @media (max-width: 767px) { .css-19po1ve-bottomAhrefsCellContainer { min-height: 16px; } } .css-jnlv7j-loweredAhrefsBottomCell { background-color: #FFF; min-height: 66px; position: absolute; left: 0; width: 100%; top: 48px; } @media (max-width: 767px) { .css-jnlv7j-loweredAhrefsBottomCell { min-height: 46px !important; top: 8px; } } .css-1pxo37y-buttonContainer { width: 240px; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 9px; } .css-1pxo37y-buttonContainer p { line-height: 20px; } @media (max-width: 767px) { .css-1pxo37y-buttonContainer { width: 100%; } } .css-e4th46-textContainer { width: 600px; } @media (min-width: 768px) and (max-width: 1279px) { .css-e4th46-textContainer { width: 443px; } } @media (max-width: 767px) { .css-e4th46-textContainer { width: 343px; } } .css-2pdvef-scaledImage { -webkit-transform: scale(1.21.2); -moz-transform: scale(1.21.2); -ms-transform: scale(1.21.2); transform: scale(1.21.2); transform-origin: center top; } .css-5py3q7-visuallyHidden { height: 1px; width: 1px; position: absolute; visibility: hidden; } .css-1bggabv-deleteIconBox { position: absolute; z-index: 1; top: 0px; right: 16px; width: 40px; height: 40px; border-radius: 40px; background-color: rgba(0000.4); -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); display: flex; align-items: center; justify-content: center; cursor: pointer; } .css-1bggabv-deleteIconBox:hover { background-color: #FF8D00; } @media (max-width: 767px) { .css-1bggabv-deleteIconBox { top: 16px; } } .css-1fs5p1r-image { display: block; object-fit: contain; width: 100%; max-height: 480px; } @media (max-width: 767px) { .css-1fs5p1r-image { max-height: 400px; } } .css-1ufkxfr-dropZone { position: relative; display: flex; align-items: center; padding: 16px; min-height: 240px; border-radius: 8px; border-width: 2px; border-: dashed; justify-content: center; } .css-1ufkxfr-dropZone:hover { cursor: pointer; border-color: #FF8D00; } .css-1ufkxfr-dropZone:hover button p { color: #FF8D00; } .css-1ufkxfr-dropZone:hover svg path { fill: #FF8D00; } .css-8yxjwf-dropZoneIconContainer { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .css-1i0wot-dropZoneIconContainerBackground { background-color: rgba(0000.05); } .css-dd081m-errorBottomPositioned { position: absolute; bottom: 16px; left: 0; right: 0; text-align: center; } .css-1jamidq-minHeightImageContainer { min-height: 208px; display: flex; } .css-1y41vc4-textContainer { overflow: hidden; display: -webkit-box; line-clamp: 4; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .css-4pmuj3-textContainerExpanded { line-clamp: initial; -webkit-line-clamp: initial; } .css-1bt1520-backgroundVideoContainer { width: 100%; height: 480px; padding: 40px; position: relative; } .css-1bt1520-backgroundVideoContainer::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0000.5); z-index: 1; } .css-1bt1520-backgroundVideoContainer > * { position: relative; z-index: 2; } @media (max-width: 767px) { .css-1bt1520-backgroundVideoContainer { padding: 16px; } } .css-13vbuiy-videoBackground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .css-1kf6vyz-videoBlock { position: relative; margin-bottom: 0; } @media (max-width: 767px) { .css-1kf6vyz-videoBlock { padding: 0 16px; } } .css-kxpe8n-buttonWithAbsolutePosition { position: absolute; bottom: 0; left: 50%; } .css-1v2psg0-listSectionRadius { overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 4px; } @media (max-width: 767px) { .css-1v2psg0-listSectionRadius { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } .css-dtuv6n-priceSectionRadius { overflow: hidden; border-top-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; } @media (max-width: 767px) { .css-dtuv6n-priceSectionRadius { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } } .css-zfzq18-contentWrapper { min-height: 264px; } @media (max-width: 767px) { .css-zfzq18-contentWrapper { min-height: 288px; } } .css-1gsscho-clickableLogo { cursor: pointer; } .css-2l8jv1-imgAligner { margin-left: auto; } @media (max-width: 767px) { .css-2l8jv1-imgAligner { margin-left: 0; } } .css-14tuaup-titleAnimationContainer { position: relative; width: 1080px; height: 463px; } @keyframes animation-17jw2dc { 0% { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } 10% { visibility: hidden; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } 25% { visibility: hidden; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } 100% { visibility: hidden; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } } @keyframes animation-u5ejxi { 0% { visibility: visible; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } 10% { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } 25% { visibility: hidden; } 100% { visibility: hidden; } } .css-1rm4yj8-container { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1080px; height: 133px; overflow: hidden; } @media (max-width: 1279px) { .css-1rm4yj8-container { width: 100%; height: calc(calc(100vw - 32px) * 0.1573); } } .css-mkcv5j { display: inline-block; overflow: hidden; position: absolute; height: 100%; width: 100%; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); font-family: "EvolvelogoVF"; font-variation-settings: "wdth" 1078; color: #FFFFFF; font-size: 133px; line-height: 1; -webkit-animation-duration: 12s; animation-duration: 12s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.700.31); animation-timing-function: cubic-bezier(0.700.31); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @media (min-width: 768px) and (max-width: 1279px) { .css-mkcv5j { max-width: 1080px; font-size: min( 133px calc(calc(100vw - 32px) * 0.1232)); } } @media (max-width: 767px) { .css-mkcv5j { font-size: calc(calc(100vw - 32px) * 0.1573); font-variation-settings: "wdth" 717; } } .css-xj8e6q-frameOut { transform-origin: right; direction: rtl; right: 0; text-align: right; -webkit-animation-name: animation-17jw2dc; animation-name: animation-17jw2dc; } .css-v8679z-frameIn { transform-origin: left; left: 0; -webkit-animation-name: animation-u5ejxi; animation-name: animation-u5ejxi; } .css-19z0a71-firstImage { position: relative; left: 0; } .css-1soypst-secondImage { position: absolute; right: 0; } .css-6nkixx-spacer { position: relative; } @media (min-width: 1280px) { .css-6nkixx-spacer { margin-top: 58px; margin-bottom: 38px; } } .css-1syt3kv { display: flex; direction: rtl; overflow: hidden; line-height: 0; } @media (min-width: 1280px) { .css-1syt3kv { width: 1200px; min-height: 192px; margin-left: -60px; margin-right: -60px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1syt3kv { width: 720px; min-height: 112px; } } @media (max-width: 767px) { .css-1syt3kv { width: 343px; min-height: 183px; direction: ltr; justify-content: flex-end; flex-wrap: wrap; overflow: visible; margin-bottom: -6px; margin-left: auto; margin-right: auto; } .css-1syt3kv img { position: relative; left: -16px; } .css-1syt3kv > div:nth-child(n+5) { margin-top: -24px; } .css-1syt3kv > div:nth-child(n+5) img { left: 8px; } } .css-1qj5m62-photo { } .css-1qj5m62-photo img { direction: ltr; display: inline-block; border-radius: 50%; } @media (min-width: 1280px) { .css-1qj5m62-photo img { margin-left: -48px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1qj5m62-photo img { margin-left: -25.1429px; } } @media (max-width: 767px) { .css-1qj5m62-photo img { margin-left: -16px; } } .css-1tn0ssi-listPadding { } @media (min-width: 1280px) { .css-1tn0ssi-listPadding { padding-left: 360px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1tn0ssi-listPadding { padding-left: 120px; } } .css-1b2y3hw-fullScreenHeight { height: 100vh; max-height: 1024px; display: flex; align-items: center; padding-top: 32px; padding-bottom: 32px; } .css-1bbnzsr-textContainer { background-image: linear-gradient(84deg#FF8D00 0%rgba(2552552550.8) 50%#3A57FC 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .css-nbkpnw-desktopSpacer { } @media (max-width: 1279px) { .css-nbkpnw-desktopSpacer { display: none; } } .css-7be1ap-tableWrapper { padding-top: 16px; } .css-7be1ap-tableWrapper > table { width: 100%; } .css-1vybnuu-sticky { position: sticky; bottom: 0; } .css-9aki9-containerWithBlur { width: 100%; background-color: rgba(0000.15); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); display: flex; justify-content: center; } .css-1ev5ry2-imageContainer { } @media (min-width: 1280px) { .css-1ev5ry2-imageContainer { position: absolute; bottom: 2px; right: -87px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1ev5ry2-imageContainer { position: relative; left: -18px; } } @media (max-width: 767px) { .css-1ev5ry2-imageContainer { display: none; } } .css-14s5wy1-showMorePadding { padding-left: 24px; } .css-ujk83y-socialIcons { height: 32px; } @media (max-width: 767px) { .css-ujk83y-socialIcons { -ms-grid-row: 2 / 2; grid-row: 2 / 2; } } .css-7uf2h7-hideInPrint { } @media print { .css-7uf2h7-hideInPrint { display: none; } } .css-hu6k4s-timerContainer { padding: 0; min-width: 64px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 28px; } .css-10fdp4k-timerNoPadding { padding: 0; } .css-13db28e-isHovered { } .css-x2eiir { position: relative; width: 1080px; height: 3012px; } @media (min-width: 768px) and (max-width: 1279px) { .css-x2eiir { width: 720px; height: 3684px; } } @media (max-width: 767px) { .css-x2eiir { width: 315px; height: 3780px; } } .css-10j60a0-bannerBlockPadding { background-color: #3A57FC; padding: 32px 48px 40px; display: grid; align-content: space-between; } @media (min-width: 768px) and (max-width: 1279px) { .css-10j60a0-bannerBlockPadding { padding: 24px 40px 40px; } } @media (max-width: 767px) { .css-10j60a0-bannerBlockPadding { padding: 16px 24px 24px; } } .css-upyk1y-buttonPosition { position: absolute; left: 0; right: 0; bottom: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-upyk1y-buttonPosition { bottom: 8px; } } @media (max-width: 767px) { .css-upyk1y-buttonPosition { bottom: 4px; } } .css-1sg2oej-buttonBgColor { } .css-1sg2oej-buttonBgColor button:not(:hover) { background-color: rgba(0000.15) !important; -webkit-backdrop-filter: blur(20px) !important; backdrop-filter: blur(20px) !important; } .css-17gmznw-modalContainer { display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: space-around; width: 680px; max-width: 680px; min-height: 100%; margin: 4px auto 0; } @media (max-width: 767px) { .css-17gmznw-modalContainer { width: 100%; max-width: 100%; margin-top: 30px; } } .css-1lllpm9-modalMobilePadding { display: none; } @media (max-width: 767px) { .css-1lllpm9-modalMobilePadding { display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; } } .css-grzxek-modalBgColorWhite { background-color: #FFF; } .css-1k0tolf-imageInitialPosition { left: 0; top: 0; } .css-19mdwej-mainScreenshot { position: relative; } @media (min-width: 1280px) { .css-19mdwej-mainScreenshot { margin-bottom: 21px; } } .css-1ikm0mj-absolutePos { position: absolute; z-index: 1; } .css-1hyonkz { left: -7.7%; bottom: -13.7%; } .css-1ft4jpv:first-child { width: 350px; height: 300px; left: -7.7%; bottom: -13.7%; } .css-19f9ieu-tikTokIcon { margin-left: -4px; } .css-1l04mpu-countryWrapper { display: inline-block; width: 332px; } @media (max-width: 767px) { .css-1l04mpu-countryWrapper { width: auto; min-width: 332px; max-width: 100%; } } .css-1q64f2v-containerGap { -webkit-column-gap: 24px; column-gap: 24px; } .css-1vm2gf5-containerMaxWidth { max-width: 480px; } .css-134sk6p-containerPadding { padding-top: 32px; } .css-yae3k1-dropShadow { display: flex; justify-content: center; align-items: center; box-shadow: 0px 0px 40px 0px rgba(25513600.4); border-radius: 21px; } .css-1du4m5w-buttonWithText { display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; width: -webkit-min-content; width: -moz-min-content; width: min-content; } @media (min-width: 1280px) { .css-1du4m5w-buttonWithText { padding-top: 8px; } } @media (max-width: 767px) { .css-1du4m5w-buttonWithText { width: 100%; } } .css-1m8jvvb-relativeBoxWrapper { position: relative; } .css-1rkk71v-absoluteImageContainer { position: absolute; top: -60px; right: 16px; } @media (max-width: 767px) { .css-1rkk71v-absoluteImageContainer { top: -40px; right: 8px; } } .css-7b3mf2-background { background-image: linear-gradient(180deg#F07742 0%#A765A9 14.47%#2A63FF 36.18%#3A75FF); } .css-1ncsi83-relativeWrapper { position: relative; } .css-l5qhck-badgeContainer { position: absolute; top: 16px; right: 16px; } @media (max-width: 767px) { .css-l5qhck-badgeContainer { top: 8px; right: 8px; } } .css-17n2nin-tilesWrapper { position: relative; } .css-15xrn7g-leftIcon { position: absolute; bottom: 0; left: -7px; } .css-aew7wd-rightIcon { position: absolute; top: -16px; right: -8px; } .css-1wc04z6-imageBorder { } .css-1wc04z6-imageBorder img { border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .css-1vfdvhv-pastEventCard { width: 254px; } .css-1vfdvhv-pastEventCard a { display: contents; } @media (min-width: 768px) and (max-width: 1279px) { .css-1vfdvhv-pastEventCard { width: 224px; } } @media (max-width: 767px) { .css-1vfdvhv-pastEventCard { width: 100%; } } .css-1chh0b8-videoImageContainer { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg); } .css-9r1vsp-cardContainer { width: 100%; max-width: 480px; } @media (min-width: 768px) and (max-width: 1279px) { .css-9r1vsp-cardContainer { max-width: 336px; } } @media (max-width: 767px) { .css-9r1vsp-cardContainer { max-width: 100%; } } .css-96ihof-eventCardContainer { width: 100%; max-width: 480px; } @media (min-width: 768px) and (max-width: 1279px) { .css-96ihof-eventCardContainer { max-width: 336px; } } @media (max-width: 767px) { .css-96ihof-eventCardContainer { max-width: 100%; } } .css-1gq2a7b h2 { font-size: 48px; line-height: 48px; font-family: "Ahrefs"sans-serif; font-weight: 400; margin-top: 40px; margin-bottom: 24px; } .css-1gq2a7b h2:first-of-type { margin-top: 0; } .css-1gq2a7b p { font-size: 18px; line-height: 28px; font-family: "Inter"sans-serif; } .css-1gq2a7b p > img { margin-top: 16px; margin-bottom: 16px; width: 100%; } @media (max-width: 767px) { .css-1gq2a7b h2 { font-size: 32px; line-height: 34px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1gq2a7b h2 { font-size: 40px; line-height: 40px; } } @media (max-width: 767px) { .css-1gq2a7b p { font-size: 18px; line-height: 28px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1gq2a7b p { font-size: 18px; line-height: 28px; } } .css-u8j2lm-agencyCard { border: 1px solid rgba(0000.1); border-radius: 14px; padding: 32px; transition: all 200ms ease 0ms normal; } @media (min-width: 769px) { .css-u8j2lm-agencyCard:hover { border-color: #000000; -webkit-transform: translate(-5px-5px); -moz-transform: translate(-5px-5px); -ms-transform: translate(-5px-5px); transform: translate(-5px-5px); box-shadow: 0 0 0 1px rgb(000) inset5px 5px 0 0 rgb(000); } } @media (max-width: 767px) { .css-u8j2lm-agencyCard { border-radius: 0; padding: 16px; } } .css-1ov45cp-row { display: grid; grid-template-columns: auto 1fr auto; grid-column-gap: 32px; align-items: start; } @media (max-width: 767px) { .css-1ov45cp-row { grid-template-columns: auto 1fr; grid-column-gap: 16px; } } .css-dzqjxe-paddedText { padding-top: 8px; } .css-1rb61jr-desktopButton { } @media (max-width: 767px) { .css-1rb61jr-desktopButton { display: none; } } .css-z1lk5z-mobileButton { display: none; } @media (max-width: 767px) { .css-z1lk5z-mobileButton { display: grid; } } .css-1tof802-detailsRow { display: grid; grid-template-columns: 80px 1fr; grid-column-gap: 16px; align-items: baseline; } .css-2svluy-image { width: 80px; height: 80px; border-radius: 14px; object-fit: contain; } .css-1comc4v-loaderContainer { border: 1px solid rgba(0000.1); border-radius: 14px; padding: 32px; display: flex; } @media (max-width: 767px) { .css-1comc4v-loaderContainer { border-radius: 0; margin: 0 -32px; } } .css-1b4bprr-loader { width: 100%; } .css-q6g4ha-hiddenLink { display: none; } .css-868ihe-mobileDivider { margin: 0 -16px; border-: none; border-top: 1px solid rgba(0000.1); } .css-r1xuu3-footer { display: flex; justify-content: center; padding: 32px; border: 1px solid rgba(0000.1); border-radius: 14px; } @media (max-width: 767px) { .css-r1xuu3-footer { border-: none; padding: 32px 64px; } } .css-8z6zj4-secondaryTextPrintColor { } @media print { .css-8z6zj4-secondaryTextPrintColor p { color: rgba(0000.65); } .css-8z6zj4-secondaryTextPrintColor span { color: rgba(0000.65); } } .css-1cnrz9w-primaryTextPrintColor { } @media print { .css-1cnrz9w-primaryTextPrintColor p { color: #000000; } .css-1cnrz9w-primaryTextPrintColor a { color: #000000; } .css-1cnrz9w-primaryTextPrintColor a:hover { color: #000000; } } .css-143qtyc-hiddenInPrint { } @media print { .css-143qtyc-hiddenInPrint { display: none; } } .css-qiztte-hiddenOnMobile { } @media (max-width: 767px) { .css-qiztte-hiddenOnMobile { display: none; } } .css-14lqlis-hiddenOnTablet { } @media (min-width: 768px) and (max-width: 1279px) { .css-14lqlis-hiddenOnTablet { display: none; } } .css-ohj2ea-hiddenOnDesktop { } @media (min-width: 1280px) { .css-ohj2ea-hiddenOnDesktop { display: none; } } .css-4iwa8j-displayInPrint { } @media print { .css-4iwa8j-displayInPrint { display: block; } } .css-1a8ms1g-displayInPortraitPrint { } @media print and (orientation: portrait) { .css-1a8ms1g-displayInPortraitPrint { display: block; } } .css-14wxflg-descriptionContainer { width: 420px; } @media (min-width: 768px) and (max-width: 1279px) { .css-14wxflg-descriptionContainer { width: 336px; } } @media (max-width: 767px) { .css-14wxflg-descriptionContainer { width: auto; } } .css-b9lzhq-imgReversedOnTablet { } @media (min-width: 768px) and (max-width: 1279px) { .css-b9lzhq-imgReversedOnTablet { order: 1; } } .css-8lf5a9-lessonContainer { padding: 6px 16px; border-radius: 4px; cursor: pointer; } .css-8lf5a9-lessonContainer .css-huz39s-caption { padding-top: 1px; } .css-8lf5a9-lessonContainer:hover { background-color: rgba(0000.15); } .css-8lf5a9-lessonContainer:hover span { color: #FF8D00; } @media (max-width: 767px) { .css-8lf5a9-lessonContainer { padding-left: 8px; padding-right: 8px; } } .css-axe9wh-selectedLessonContainer { background-color: rgba(2552552550.2); pointer-events: none; } .css-ht1xv2-captionNumberAndLoaderContainer { position: relative; } .css-ht1xv2-captionNumberAndLoaderContainer svg { position: absolute; top: 0; right: 0; } .css-47irof-logo { } @media print { .css-47irof-logo path:nth-of-type(2) { fill: #000000; } } .css-3st1kl-scaleDown { -webkit-transform: scale(0.50.5); -moz-transform: scale(0.50.5); -ms-transform: scale(0.50.5); transform: scale(0.50.5); } .css-kaxpea-columnWithVerticalOffset { padding-top: 65px; } @media (min-width: 768px) and (max-width: 1279px) { .css-kaxpea-columnWithVerticalOffset { padding-top: 100px; } } @media (max-width: 767px) { .css-kaxpea-columnWithVerticalOffset { padding-top: 0; } } .css-1vguby4-lessonContentWrapper { } .css-1vguby4-lessonContentWrapper h2 { margin-top: 24px; } .css-1vguby4-lessonContentWrapper section:first-of-type h2 { margin-top: 0; } .css-1vguby4-lessonContentWrapper h3 { margin-top: 8px; } .css-1vguby4-lessonContentWrapper section:first-of-type h3 { margin-top: 32px; } .css-zhhlzd-textContainer { margin-right: 16px; display: inline; } @media (max-width: 767px) { .css-zhhlzd-textContainer { margin-right: 8px; } } .css-111f0l4-moduleSection { height: 100%; } .css-1sui913-scrollableSection { height: 60px; padding-left: 24px; padding-right: 24px; margin-top: 40px; } .css-xubuux-scrollableSectionContainer { height: 100%; overflow-y: scroll; scrollbar-width: none; background-color: rgba(0000.15); } .css-1ismgqz-listWrapper { padding-bottom: 40px; } .css-956nt9-lessonModuleSidebarWrapper { height: 100%; } .css-956nt9-lessonModuleSidebarWrapper > div { height: 100%; } .css-gjzs9f-imageContainer { } .css-gjzs9f-imageContainer img { border-radius: 50%; } .css-19sucxs-mainContentWrapper { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .css-1fm3tk8-moduleListWrapper { padding-left: 8px; padding-right: 8px; } .css-38bl4w-contentWrapper { width: 100%; } .css-10yl7m-videoContainer { background-color: #FFF; } .css-9c03nw-titleContainer { padding-left: 24px; } @media (max-width: 767px) { .css-9c03nw-titleContainer { padding-left: 16px; } } .css-dzq627-medalIconForPrint { } @media print { .css-dzq627-medalIconForPrint img { content: url(/assets/esbuild/certificate-medal-icon-for-white-bg-7PMRQPKW.svg); } } .css-qqdzyo-imageSignatureContainer { height: 80px; } .css-qqdzyo-imageSignatureContainer img { -webkit-filter: invert(100%); filter: invert(100%); display: block; } @media (min-width: 768px) and (max-width: 1279px) { .css-qqdzyo-imageSignatureContainer { height: 64px; } } .css-1doqp9k-signaturePrintColor { } @media print { .css-1doqp9k-signaturePrintColor img { -webkit-filter: invert(19%) sepia(65%) saturate(7139%) hue-rotate(223deg) brightness(88%) contrast(96%); filter: invert(19%) sepia(65%) saturate(7139%) hue-rotate(223deg) brightness(88%) contrast(96%); } } .css-1u2xwwa-negativeIndentContainer { position: relative; top: -7px; } .css-14seh-horizontalDirectionInPortraitPrint { } @media print and (orientation: portrait) { .css-14seh-horizontalDirectionInPortraitPrint > div { grid-template-columns: auto auto; } } .css-ov2lv1 { width: 128px; height: 128px; } .css-ov2lv1 > svg { width: 100%; height: 100%; } @media (max-width: 1279px) { .css-ov2lv1 { width: 96px; height: 96px; } } @media print { .css-ov2lv1 svg path:first-of-type { fill: #000000; } } .css-wcbczx { width: 128px; } @media (max-width: 1279px) { .css-wcbczx { min-width: 118px; } } .css-ay63yj-printHorizontalLayout { } @media print { .css-ay63yj-printHorizontalLayout > div { grid-auto-flow: column; } } .css-plc0mv-displayOnDesktopAndLandscapePrint { } @media (min-width: 1280px) { .css-plc0mv-displayOnDesktopAndLandscapePrint { display: block; } } @media (max-width: 1279px) { .css-plc0mv-displayOnDesktopAndLandscapePrint { display: none; } } @media print { .css-plc0mv-displayOnDesktopAndLandscapePrint { display: block; } } @media print and (orientation: portrait) { .css-plc0mv-displayOnDesktopAndLandscapePrint { display: none; } } .css-1ax9d7w-printTopScorerImg { } @media print { .css-1ax9d7w-printTopScorerImg img { content: url(/assets/esbuild/top-scorer-for-white-bg-BJHDQIGT.svg); } } .css-10mdd0i-fullHeight { height: 100% !important; } .css-xmv54h-minHeightOnMobile { } @media (max-width: 767px) { .css-xmv54h-minHeightOnMobile { min-height: 580px; } } .css-13lrecg-fitContent { } @media (max-width: 767px) { .css-13lrecg-fitContent { width: min-content !important; } } .css-qm1u1l-titleInPrint { } @media print { .css-qm1u1l-titleInPrint img { width: 100%; height: auto; aspect-ratio: auto; } } .css-iv1ujb-verticalDirectionOnPrint { } @media print { .css-iv1ujb-verticalDirectionOnPrint > div { grid-auto-flow: row; align-content: baseline; } } .css-18r479e-sidebarContainer { padding-top: 40px; padding-left: 24px; padding-right: 24px; background-color: #1e1e1e; overflow-y: hidden; display: flex; gap: 32px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } .css-1tlikdo-progressContainer { padding-left: 16px; padding-right: 16px; } .css-uehivx-scrollableList { scrollbar-width: none; } @media (min-width: 1280px) { .css-uehivx-scrollableList { height: 100%; overflow-y: auto; } } .css-1gzisqh-borderTop { border-top: 1px solid rgba(2552552550.3); } .css-1my95lp-scrollableSectionContainer { height: 60px; } .css-v18cua-scrollableContent { padding-bottom: 40px; } .css-1v5a23p-printableCertificateContainer { display: none; } @media print { .css-1v5a23p-printableCertificateContainer { display: block; } } .css-1aoigo6-gapInPrint { } @media print { .css-1aoigo6-gapInPrint > div { grid-gap: 24px; } } .css-inbaie-educatorSignatureImageContainer { } .css-inbaie-educatorSignatureImageContainer img { -webkit-filter: invert(100%); filter: invert(100%); display: block; height: 40px; width: auto; aspect-ratio: auto; } .css-1myhhy7-answerBox { padding: 24px 32px 24px 24px; border: 2px solid rgba(0000.1); } .css-1myhhy7-answerBox:hover { border-color: #FF8D00; cursor: pointer; } .css-1myhhy7-answerBox:hover .css-jp06lw-input { border-color: #FF8D00; } .css-1myhhy7-answerBox:hover .css-ceyxih-inputBox { border-color: #FF8D00; } .css-1myhhy7-answerBox:hover .css-1n5141y-container { pointer-events: none; } .css-cmkcm5-answerBoxSelected { border-color: #FF8D00; } .css-1a8y20t-questionContainer { background-color: #FFF; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media (min-width: 1280px) { .css-1a8y20t-questionContainer { min-height: 720px; } } .css-bjhykq-modalContentWrapper { width: 100%; padding-left: 8px; padding-right: 8px; } .css-1mupnlx-finishExamModalContainer { padding: 48px; height: 100%; } @media (max-width: 767px) { .css-1mupnlx-finishExamModalContainer { padding: 32px 16px; } } .css-ww4kzh-modalTitleContainer { padding-left: 16px; } @media (max-width: 767px) { .css-ww4kzh-modalTitleContainer { padding-left: 8px; } } .css-3db9x7-teamImageMobileIndent { } @media (max-width: 767px) { .css-3db9x7-teamImageMobileIndent { margin: 0 -32px; } } @media (max-width: 767px) { .css-16ew84y { margin: 0 -16px; margin-bottom: -16px; } } .css-hg8z3m-closeIcon { position: absolute; top: 16px; right: 16px; cursor: pointer; } @media (max-width: 767px) { .css-hg8z3m-closeIcon { right: 32px; } } .css-fe831v { cursor: pointer; color: #2592FA; } .css-fe831v:hover { color: #FFB528; } .css-fe831v:hover .css-k54ezc-icon { color: #FFB528; } .css-1hp45ti * { border-color: #2592FA !important; } .css-1hp45ti:hover * { border-color: #FFB528 !important; } .css-okxgys * { color: #2592FA !important; } .css-okxgys:hover * { color: #FFB528 !important; } .css-hh4guz-statsColumns { display: grid; grid-template-columns: repeat(3200px); grid-gap: 40px; align-items: flex-start; } @media (max-width: 767px) { .css-hh4guz-statsColumns { grid-template-columns: repeat(2150px); grid-gap: 32px; align-items: flex-start; } } .css-13kgm30-linkWithTopIndent { padding-top: 10px; } .css-1olxfl8-columns { -webkit-column-count: 4; column-count: 4; } @media (max-width: 767px) { .css-1olxfl8-columns { -webkit-column-gap: 16px; column-gap: 16px; -webkit-column-count: 2; column-count: 2; } } .css-1ubw2db-item { padding-bottom: 8px; break-inside: avoid; } .css-4h7nmi-columnEnd { break-after: column; } @media (max-width: 767px) { .css-4h7nmi-columnEnd { break-after: auto; } } .css-vyxv8e-smmBannerImage { overflow: hidden; align-self: end; } .css-v7i9ez-controlsContainer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; } .css-1yd4ano-controls { display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 8px; align-items: flex-start; } @media (max-width: 767px) { .css-1yd4ano-controls { align-items: unset; gap: 16px; } } .css-7x8udn-controlsColumnStretchMobile { } @media (max-width: 767px) { .css-7x8udn-controlsColumnStretchMobile { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: stretch; } } .css-izrobj-translateContainer { height: 20px; } .css-xxnav0-container { display: flex; position: relative; height: 100%; } .css-1v3f4t0-stickyBlock { align-self: flex-end; position: sticky; bottom: 20px; width: 100%; } .css-1fsfwsb-containerWithNegativeMarginHorizontalOnMobile { } @media (max-width: 767px) { .css-1fsfwsb-containerWithNegativeMarginHorizontalOnMobile { margin: 0 -16px; } } @keyframes animation-e5fh0s { 0% { border: 3px solid #FF8D00; } 100% { border: 3px solid #FFF; } } .css-18i68xd-blinkingBorderContainer { -webkit-animation-name: animation-e5fh0s; animation-name: animation-e5fh0s; -webkit-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .css-1fn8q4s-divider { width: 2px; background-color: #111111; height: 100%; align-self: center; } .css-ig6iz2-sidebarContainer { min-width: 220px; height: 100%; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .css-uf5x6l-container { background-color: #F4F5F6; } .css-1onauet-header { padding: 16px; } .css-gx8u4b-previewContainer { margin: 0; line-height: 20px; background-color: #F4F5F6; padding: 16px; overflow: auto; } .css-gx8u4b-previewContainer code { font-size: 14px; background-color: #F4F5F6; color: #000000; } .css-1uhwpw7-htmlPreview { } .css-1uhwpw7-htmlPreview h1 { margin: 24px 0; } .css-1uhwpw7-htmlPreview h2 { margin: 20px 0; } .css-1uhwpw7-htmlPreview h3 { margin: 18px 0; } .css-1uhwpw7-htmlPreview p { margin: 16px 0; } .css-1uhwpw7-htmlPreview h4 { margin: 16px 0; } .css-1uhwpw7-htmlPreview ul { margin: 16px 0; } .css-1uhwpw7-htmlPreview ol { margin: 16px 0; } .css-1uhwpw7-htmlPreview h5 { margin: 14px 0; } .css-1uhwpw7-htmlPreview h6 { margin: 12px 0; } .css-1uhwpw7-htmlPreview hr { margin: 8px 0; } .css-onb3t4-customStyleInput { width: 192px; } @media (max-width: 767px) { .css-onb3t4-customStyleInput { width: auto; } } .css-vfoba9-screenshots { position: relative; } .css-174w2rw-floatingScreenshot { position: absolute; z-index: 1; } .css-174w2rw-floatingScreenshot:first-child { width: 384px; height: 448px; left: -6%; top: 35%; } @media (max-width: 1279px) { .css-174w2rw-floatingScreenshot { display: none; } } .css-1vvsdbk-contentKitCard { } @media (max-width: 767px) { .css-1vvsdbk-contentKitCard { margin: 0 -16px; } } :root{--color-link:#3A57FC;} html{scroll-behavior:smooth;}body{font-family:"Inter""Helvetica""Arial"sans-serif;font-size:18px;line-height:29px;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;}html[lang="ja"] body{font-family:"Inter""Helvetica""Arial""Zen"sans-serif;}html[lang="ko"] body{font-family:"Inter""Helvetica""Arial""Pretendard"sans-serif;}a{color:var(--color-link);text-decoration:none;}a:hover{color:#FF8D00;}h1{font-family:"Ahrefs"sans-serif;}h2{font-family:"Ahrefs"sans-serif;}h4{font-family:"Ahrefs"sans-serif;}h5{font-family:"Ahrefs"sans-serif;}h6{font-family:"Ahrefs"sans-serif;}input{font-family:"Ahrefs"sans-serif;}textarea{font-family:"Ahrefs"sans-serif;}html[lang="ja"] h1{font-family:"Ahrefs""Zen"sans-serif;}html[lang="ja"] h2{font-family:"Ahrefs""Zen"sans-serif;}html[lang="ja"] h3{font-family:"Ahrefs""Zen"sans-serif;}html[lang="ja"] h4{font-family:"Ahrefs""Zen"sans-serif;}html[lang="ja"] h5{font-family:"Ahrefs""Zen"sans-serif;}html[lang="ja"] h6{font-family:"Ahrefs""Zen"sans-serif;}html[lang="ja"] input{font-family:"Ahrefs""Zen"sans-serif;}html[lang="ja"] textarea{font-family:"Ahrefs""Zen"sans-serif;}html[lang="ko"] h1{font-family:"Ahrefs""Pretendard"sans-serif;}html[lang="ko"] h2{font-family:"Ahrefs""Pretendard"sans-serif;}html[lang="ko"] h3{font-family:"Ahrefs""Pretendard"sans-serif;}html[lang="ko"] h4{font-family:"Ahrefs""Pretendard"sans-serif;}html[lang="ko"] h5{font-family:"Ahrefs""Pretendard"sans-serif;}html[lang="ko"] h6{font-family:"Ahrefs""Pretendard"sans-serif;}html[lang="ko"] input{font-family:"Ahrefs""Pretendard"sans-serif;}html[lang="ko"] textarea{font-family:"Ahrefs""Pretendard"sans-serif;}h1{font-size:60px;line-height:57px;font-weight:400;margin-top:0;margin-bottom:0;}h2{font-size:32px;line-height:34px;font-weight:700;margin-top:0;margin-bottom:0;}h3{font-size:22px;line-height:33px;margin-top:0;margin-bottom:0;font-weight:700;}h4{font-size:22px;line-height:33px;font-size:30px;line-height:32px;margin-top:0;margin-bottom:0;font-weight:700;}p{margin:0;}abbr[title]{text-decoration:none;}code{font-size:16px;background-color:#FFF4E8;color:#F75A03;font-family:monospace;}@media (max-width: 767px){body{line-height:28px;}}@media (max-width: 767px){h1{font-size:41px;line-height:39px;}}@media (max-width: 767px){h2{font-size:23px;line-height:25px;}}@media (max-width: 767px){h3{font-size:18px;line-height:28px;}} @media (max-width: 767px){[data-hidden-mobile=true]{display:none !important;}} @media (min-width: 768px) and (max-width: 1279px){[data-hidden-tablet=true]{display:none !important;}} @media (min-width: 1280px){[data-hidden-desktop=true]{display:none !important;}} .css-923grl { background-color: #272727; } .css-1soja3n { align-content: initial; } @media (min-width: 768px) and (max-width: 1279px) { .css-1soja3n { align-content: initial; } } @media (max-width: 767px) { .css-1soja3n { align-content: initial; } } .css-1vznryd { justify-content: initial; } @media (min-width: 768px) and (max-width: 1279px) { .css-1vznryd { justify-content: initial; } } @media (max-width: 767px) { .css-1vznryd { justify-content: initial; } } .css-1bjhv8d { grid-auto-flow: row; } @media (min-width: 768px) and (max-width: 1279px) { .css-1bjhv8d { grid-auto-flow: row; } } @media (max-width: 767px) { .css-1bjhv8d { grid-auto-flow: row; } } .css-3sj1cp { grid-auto-rows: auto; } @media (max-width: 767px) { .css-fnidic { grid-gap: 0; } } .css-1fu38of { display: grid; grid-gap: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1fu38of { grid-gap: 0; } } @media (max-width: 767px) { .css-1fu38of { grid-gap: 0; } } .css-1jf799y { background-image: url(/assets/esbuild/logo-LEYVTBZF.svg); } .css-yrs7jd { cursor: pointer; color: #3A57FC; } .css-yrs7jd:hover { color: #F75A03; } .css-yrs7jd:hover .css-k54ezc-icon { color: #F75A03; } .css-1fu0ftx * { border-color: #3A57FC !important; } .css-1fu0ftx:hover * { border-color: #F75A03 !important; } .css-1v950zo * { color: #3A57FC !important; } .css-1v950zo:hover * { color: #F75A03 !important; } .css-2ywwa9 { color: rgba(2552552550.7); } @media (max-width: 767px) { .css-2ywwa9 { color: #FFF; } } .css-1gbx4kk.css-1z0hh6u-headerMenuOpened { opacity: 1; color: #FFB528; } .css-1gbx4kk:hover { opacity: 1; color: #FFB528; } @media (max-width: 767px) { .css-1gbx4kk.css-1z0hh6u-headerMenuOpened { color: #FFF; } } @media (max-width: 767px) { .css-1gbx4kk:hover { color: #FFF; } } .css-kqzqgg { fill: currentColor; } .css-4xtrpw { width: 16px; height: 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-4xtrpw { width: 16px; height: 16px; } } @media (max-width: 767px) { .css-4xtrpw { width: 16px; height: 16px; } } @media (max-width: 767px) { .css-1qzxttk { grid-gap: 32px; } } .css-1sgcv3p { display: grid; grid-gap: 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1sgcv3p { grid-gap: 24px; } } @media (max-width: 767px) { .css-1sgcv3p { grid-gap: 16px; } } .css-1andnh6 { align-items: stretch; } @media (min-width: 768px) and (max-width: 1279px) { .css-1andnh6 { align-items: stretch; } } @media (max-width: 767px) { .css-1andnh6 { align-items: stretch; } } @media (min-width: 1280px) { .css-110osue { gap: 32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-15tg8vk { gap: 16px; } } @media (max-width: 767px) { .css-1oupvy9 { gap: 0; } } .css-12szu0z { grid-template-columns: 1fr 1fr 1fr 1fr; } @media (min-width: 768px) and (max-width: 1279px) { .css-12szu0z { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 767px) { .css-12szu0z { grid-template-columns: 1fr; } } .css-1nojgtk { display: grid; grid-auto-flow: row; } @media (max-width: 767px) { .css-a0t0xh { grid-gap: 8px; } } .css-y9lfrs { display: grid; grid-gap: 8px; } @media (min-width: 768px) and (max-width: 1279px) { .css-y9lfrs { grid-gap: 8px; } } @media (max-width: 767px) { .css-y9lfrs { grid-gap: 8px; } } .css-24tsjo-textColor { color: rgba(0000.65); } .css-oi9nct-textDisplay { display: block; } .css-rr08kv-textFontWeight { font-weight: 400; } .css-dtb5zf { font-family: "Ahrefs"sans-serif; font-size: 16px; line-height: 20px; } html[lang="ja"] .css-dtb5zf { font-family: "Ahrefs""Zen"sans-serif; font-size: 16px; line-height: 20px; } html[lang="ko"] .css-dtb5zf { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 16px; line-height: 20px; } .css-ym91mt { cursor: pointer; color: rgba(0000.65); } .css-ym91mt:hover { color: #F75A03; } .css-ym91mt:hover .css-k54ezc-icon { color: #F75A03; } .css-uxqxrq * { border-color: rgba(0000.65) !important; } .css-uxqxrq:hover * { border-color: #F75A03 !important; } .css-136nzyd * { color: rgba(0000.65) !important; } .css-136nzyd:hover * { color: #F75A03 !important; } @media (max-width: 767px) { .css-ee1mb0 { grid-gap: 2px; } } .css-sddoxu { display: grid; grid-gap: 2px; } @media (min-width: 768px) and (max-width: 1279px) { .css-sddoxu { grid-gap: 2px; } } @media (max-width: 767px) { .css-sddoxu { grid-gap: 2px; } } .css-1smtklr-textColor { color: #000000; } .css-18wefwh { font-family: "Ahrefs"sans-serif; font-size: 24px; line-height: 26px; } html[lang="ja"] .css-18wefwh { font-family: "Ahrefs""Zen"sans-serif; font-size: 24px; line-height: 26px; } html[lang="ko"] .css-18wefwh { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 24px; line-height: 26px; } .css-2734kf { font-family: "Inter"sans-serif; font-size: 16px; line-height: 24px; } html[lang="ja"] .css-2734kf { font-family: "Inter""Zen"sans-serif; font-size: 16px; line-height: 24px; } html[lang="ko"] .css-2734kf { font-family: "Inter""Pretendard"sans-serif; font-size: 16px; line-height: 24px; } .css-1u4ulfr { height: 22px; line-height: 20px; padding: 0 6px; } .css-1nsd9vv { background-color: #F9E204; } .css-6f1wzy-textWhiteSpace { white-space: nowrap; } .css-48snc1-textDisplay { display: inline; } .css-uoqnqe { font-family: "Inter"sans-serif; font-size: 18px; line-height: 28px; } html[lang="ja"] .css-uoqnqe { font-family: "Inter""Zen"sans-serif; font-size: 18px; line-height: 28px; } html[lang="ko"] .css-uoqnqe { font-family: "Inter""Pretendard"sans-serif; font-size: 18px; line-height: 28px; } @media (min-width: 1280px) { .css-6s1820 { padding: 8px 16px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1us6rus { padding: 8px 8px; } } @media (max-width: 767px) { .css-19e39cq { padding: 8px 0px; } } .css-1fj1mkf { background-color: #F4F5F6; } .css-1uq6mu9 { font-family: "Ahrefs"sans-serif; font-size: 20px; line-height: 24px; } html[lang="ja"] .css-1uq6mu9 { font-family: "Ahrefs""Zen"sans-serif; font-size: 20px; line-height: 24px; } html[lang="ko"] .css-1uq6mu9 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 20px; line-height: 24px; } .css-1w2zo7q { cursor: pointer; color: #000000; } .css-1w2zo7q:hover { color: #F75A03; } .css-1w2zo7q:hover .css-k54ezc-icon { color: #F75A03; } .css-cu9qzc * { border-color: #000000 !important; } .css-cu9qzc:hover * { border-color: #F75A03 !important; } .css-iodyq8 * { color: #000000 !important; } .css-iodyq8:hover * { color: #F75A03 !important; } .css-937y7w { cursor: pointer; color: rgba(2552552550.7); } .css-937y7w:hover { color: #FFB528; } .css-937y7w:hover .css-k54ezc-icon { color: #FFB528; } .css-u05ds5 * { border-color: rgba(2552552550.7) !important; } .css-u05ds5:hover * { border-color: #FFB528 !important; } .css-crscqe * { color: rgba(2552552550.7) !important; } .css-crscqe:hover * { color: #FFB528 !important; } .css-1cgqy4m { color: #FFF; } @media (max-width: 767px) { .css-1cgqy4m { color: #FFF; } } .css-118cmcz { margin-right: 24px; } .css-118cmcz:hover .css-cbyvlu-languageIcon { opacity: 1; } .css-118cmcz:hover svg > path { fill: #FFB528; } .css-1w9vo .css-cbyvlu-languageIcon { opacity: 1; } .css-1w9vo svg > path { fill: #FFB528; } .css-wke25o { color: rgba(2552552550.7); } .css-1y1tzge { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (min-width: 768px) and (max-width: 1279px) { .css-1y1tzge { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } @media (max-width: 767px) { .css-1y1tzge { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } .css-1nns36c { padding: 7px 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1nns36c { padding: 7px 16px; } } @media (max-width: 767px) { .css-1nns36c { padding: 7px 16px; } } .css-6b712u { color: #FFF; border-color: rgba(2552552550.3); background-color: transparent; outline-: none; } .css-6b712u svg path { fill: #FFF; } .css-6b712u:hover { border-color: #FFB528; color: #FFB528; opacity: 1; } .css-6b712u:hover svg path { fill: #FFB528; } .css-6b712u:focus { border-color: #FFB528; opacity: 1; } .css-6b712u:active { color: #FF8D00; border-color: #FF8D00; } .css-6b712u:active svg path { fill: #FF8D00; } .css-6b712u:disabled { color: rgba(2552552550.5); border-color: rgba(2552552550.3); } .css-6b712u:disabled svg path { fill: rgba(0000.4); } .css-6b712u.css-1i68zhj-buttonLoading { border-color: rgba(2552552550.3); background-image: linear-gradient(45degrgba(2552552550.2) 25%transparent 0%transparent 50%rgba(2552552550.2) 0%rgba(2552552550.2) 75%transparent 0%transparent 100%); } .css-1tyndxa { justify-content: center; } .css-z7hu84 { width: inherit; } .css-1iu7kzp { gap: 8px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1iu7kzp { gap: 8px; } } @media (max-width: 767px) { .css-1iu7kzp { gap: 8px; } } .css-mr7bsp { display: flex; align-items: center; justify-content: center; width: inherit; overflow: auto; } .css-yaw76i { display: flex; align-items: center; width: auto; } .css-7edycg-textAlign { text-align: left; } .css-l8gk13-textFontWeight { font-weight: 700; } .css-1kix1aq { height: 3px; width: 34px; background-color: #FFF; transition-duration: 300ms; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .css-draf62 { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 24px; height: 24px; background-image: url(/assets/esbuild/language-icon-MJHVVN6O.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-draf62 { background-image: url(/assets/esbuild/language-icon-MJHVVN6O.svg); width: 24px; height: 24px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-draf62 { background-image: url(/assets/esbuild/language-icon-MJHVVN6O.svg); width: 24px; height: 24px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-draf62.css-ie28gn-iconHideOnMobile { display: none; } } .css-1mstajq { padding-left: 0; padding-right: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1mstajq { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .css-1mstajq { padding-left: 0; padding-right: 0; } } .css-19msw4o { height: auto; } @media (min-width: 768px) and (max-width: 1279px) { .css-19msw4o { height: auto; } } @media (max-width: 767px) { .css-19msw4o { height: auto; } } .css-c72jl9 { padding-left: 0 !important; padding-right: 0 !important; } @media (min-width: 768px) and (max-width: 1279px) { .css-c72jl9 { padding-left: 24px !important; padding-right: 24px !important; } } @media (max-width: 767px) { .css-c72jl9 { padding-left: 16px !important; padding-right: 16px !important; } } .css-ciyrnd { padding: 48px 40px 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-ciyrnd { padding: 32px 24px 32px; } } @media (max-width: 767px) { .css-ciyrnd { padding: 24px 16px 24px; } } .css-wixjj1-sectionColor { --color-link: #3A75FF; background-color: #272727; color: #FFF; } .css-1gnkudj { margin: 0 auto 0 auto; } @media (min-width: 768px) and (max-width: 1279px) { .css-1gnkudj { margin: 0 auto 0 auto; } } @media (max-width: 767px) { .css-1gnkudj { margin: 0 auto 0 auto; } } .css-zfwzfu { max-width: 1080px; } .css-zfwzfu.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-zfwzfu { max-width: 1080px; } } @media (max-width: 767px) { .css-zfwzfu { max-width: 720px; } } .css-mnzxgx { display: grid; grid-gap: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-mnzxgx { grid-gap: 24px; } } @media (max-width: 767px) { .css-mnzxgx { grid-gap: 24px; } } .css-ulkc8u-boxVgap { margin-top: 8px; } .css-1uuxeds-boxGap { margin-left: 8px; } .css-zcxndt { align-items: center; } .css-6twsqq { justify-content: flex-start; } @media (min-width: 768px) and (max-width: 1279px) { .css-6twsqq { justify-content: flex-start; } } @media (max-width: 767px) { .css-6twsqq { justify-content: flex-start; } } .css-1sf54da-inlineRowVgap { margin-top: -8px; } .css-1qgvjy4-inlineRowGap { margin-left: -8px; } .css-1b7oxme-boxVgap { margin-top: 16px; } .css-jcnfit-inlineRowVgap { margin-top: -16px; } .css-e1lwn9 { color: #FFF; background-color: #3A57FC; } .css-pqb7m0 { max-width: 960px; } .css-pqb7m0.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-pqb7m0 { max-width: 960px; } } @media (max-width: 767px) { .css-pqb7m0 { max-width: 720px; } } .css-r3nfv1 { font-family: "Ahrefs"sans-serif; font-size: 64px; line-height: 60px; } html[lang="ja"] .css-r3nfv1 { font-family: "Ahrefs""Zen"sans-serif; font-size: 64px; line-height: 60px; } html[lang="ko"] .css-r3nfv1 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 64px; line-height: 60px; } @media (min-width: 768px) and (max-width: 1279px) { .css-r3nfv1 { font-size: 48px; line-height: 48px; } } @media (max-width: 767px) { .css-r3nfv1 { font-size: 40px; line-height: 40px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-r3nfv1 { font-size: 48px; line-height: 48px; } } @media (max-width: 767px) { html[lang="ja"] .css-r3nfv1 { font-size: 40px; line-height: 40px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-r3nfv1 { font-size: 48px; line-height: 48px; } } @media (max-width: 767px) { html[lang="ko"] .css-r3nfv1 { font-size: 40px; line-height: 40px; } } .css-l4k8r { padding-left: 40px; padding-right: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-l4k8r { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .css-l4k8r { padding-left: 0; padding-right: 0; } } .css-huer0q { padding-left: 0 !important; padding-right: 0 !important; } @media (min-width: 768px) and (max-width: 1279px) { .css-huer0q { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 767px) { .css-huer0q { padding-left: 0 !important; padding-right: 0 !important; } } .css-11lxh5z { padding: 0 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-11lxh5z { padding: 0 24px 64px; } } @media (max-width: 767px) { .css-11lxh5z { padding: 0 16px 0; } } .css-v0qqkq { max-width: 1200px; } .css-v0qqkq.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-v0qqkq { max-width: 1200px; } } @media (max-width: 767px) { .css-v0qqkq { max-width: 1200px; } } .css-fcmq8j { grid-template-rows: auto auto; } @media (min-width: 768px) and (max-width: 1279px) { .css-fcmq8j { grid-template-rows: auto auto; } } @media (max-width: 767px) { .css-fcmq8j { grid-template-rows: auto auto; } } .css-1o7pn5 { grid-template-columns: 7fr 3fr; } @media (min-width: 768px) and (max-width: 1279px) { .css-1o7pn5 { grid-template-columns: auto; } } @media (max-width: 767px) { .css-1o7pn5 { grid-template-columns: auto; } } .css-55rdki { background-color: #111111; } .css-1kakr30 { background-color: #FFF; } .css-10klw3m { height: 100%; } .css-hghncw { justify-items: center; } @media (max-width: 767px) { .css-4kqzni { grid-gap: 16px; } } .css-186bnk2 { display: grid; grid-gap: 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-186bnk2 { grid-gap: 16px; } } @media (max-width: 767px) { .css-186bnk2 { grid-gap: 16px; } } .css-qcexm3 { padding-left: 60px; padding-right: 60px; } @media (min-width: 768px) and (max-width: 1279px) { .css-qcexm3 { padding-left: 24px; padding-right: 24px; } } @media (max-width: 767px) { .css-qcexm3 { padding-left: 16px; padding-right: 16px; } } .css-1hgtncr { padding: 48px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1hgtncr { padding: 32px 24px 48px; } } @media (max-width: 767px) { .css-1hgtncr { padding: 32px 16px 32px; } } .css-1xyy15g-sectionColor { --color-link: #3A57FC; background-color: #FFF; color: #000000; } @media (max-width: 767px) { .css-c3yz4m { grid-gap: 48px; } } .css-17b57qx { display: grid; grid-gap: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-17b57qx { grid-gap: 32px; } } @media (max-width: 767px) { .css-17b57qx { grid-gap: 24px; } } .css-3yeqjc { padding: 0 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-3yeqjc { padding: 0 24px 0; } } @media (max-width: 767px) { .css-3yeqjc { padding: 0 16px 0; } } .css-b8krmw-sectionColor { --color-link: #3A57FC; background-color: transparent; color: #000000; } .css-rcc4gm { max-width: 840px; } .css-rcc4gm.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-rcc4gm { max-width: 840px; } } @media (max-width: 767px) { .css-rcc4gm { max-width: 840px; } } @media (max-width: 767px) { .css-jeelns { grid-gap: 40px; } } .css-14bqp1s { display: grid; grid-gap: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-14bqp1s { grid-gap: 40px; } } @media (max-width: 767px) { .css-14bqp1s { grid-gap: 32px; } } .css-ibhige { padding: 8px 40px 8px; } @media (min-width: 768px) and (max-width: 1279px) { .css-ibhige { padding: 8px 24px 8px; } } @media (max-width: 767px) { .css-ibhige { padding: 8px 16px 8px; } } .css-1mmv2pp-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 100 / 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1mmv2pp-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 100 / 0; } } @media (max-width: 767px) { .css-1mmv2pp-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 100 / 0; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1mmv2pp-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 100 / 0; } } .css-ffux1x { font-family: "Ahrefs"sans-serif; font-size: 48px; line-height: 48px; } html[lang="ja"] .css-ffux1x { font-family: "Ahrefs""Zen"sans-serif; font-size: 48px; line-height: 48px; } html[lang="ko"] .css-ffux1x { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 48px; line-height: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-ffux1x { font-size: 40px; line-height: 40px; } } @media (max-width: 767px) { .css-ffux1x { font-size: 32px; line-height: 34px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-ffux1x { font-size: 40px; line-height: 40px; } } @media (max-width: 767px) { html[lang="ja"] .css-ffux1x { font-size: 32px; line-height: 34px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-ffux1x { font-size: 40px; line-height: 40px; } } @media (max-width: 767px) { html[lang="ko"] .css-ffux1x { font-size: 32px; line-height: 34px; } } .css-1vol7xm { top: 6px; } .css-vux0e0 .css-dd9llm-listItem { grid-template-columns: 24px 1fr; gap: 8px; margin-bottom: 8px; } .css-vux0e0 .css-dd9llm-listItem::before { counter-increment: list-item; text-align: right; font-size: 18px; line-height: 28px; font-family: "Inter"sans-serif; } .css-vux0e0 .css-dd9llm-listItem:last-child { margin-bottom: 0; } .css-vux0e0 .css-mdnon9-markerBold::before { font-weight: 700; } .css-vux0e0 .css-caw89u-listItemWithIcon { display: flex; } .css-1br7676 { grid-auto-flow: column; } @media (min-width: 768px) and (max-width: 1279px) { .css-1br7676 { grid-auto-flow: column; } } @media (max-width: 767px) { .css-1br7676 { grid-auto-flow: column; } } .css-90sjlp { fill: #FF8D00; } .css-w6lfws { border: 2px solid rgba(0000.1); } .css-112pij5 { padding-left: 24px; padding-right: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-112pij5 { padding-left: 24px; padding-right: 24px; } } @media (max-width: 767px) { .css-112pij5 { padding-left: 16px; padding-right: 16px; } } .css-1au3owq { padding: 24px 40px 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1au3owq { padding: 24px 24px 24px; } } @media (max-width: 767px) { .css-1au3owq { padding: 24px 16px 24px; } } .css-1a5tihh { display: grid; grid-gap: 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1a5tihh { grid-gap: 16px; } } @media (max-width: 767px) { .css-1a5tihh { grid-gap: 8px; } } .css-1t9x3tx-boxGap { margin-left: 0; } .css-kb3qcl-inlineRowGap { margin-left: 0; } .css-1itam5s { height: 28px; line-height: 28px; padding: 0 8px; } .css-et6eec { background-color: #3A57FC; } .css-125ozqm-textColor { color: #FFF; } .css-8nm8wv:hover { border-color: #FF8D00; } .css-9bj6hx-top { border-top: 2px solid rgba(0000.1); } .css-qi3rlm-right { border-right: 2px solid rgba(0000.1); } .css-1wuxorg-bottom { border-bottom: 2px solid rgba(0000.1); } .css-1yib6qx-left { border-left: 2px solid rgba(0000.1); } @media (min-width: 1280px) { .css-11zzmhy { padding: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-zimmq3 { padding: 24px; } } @media (max-width: 767px) { .css-6hyr2a { padding: 24px 16px; } } @media (min-width: 1280px) { .css-wt1hs { gap: 16px; } } @media (max-width: 767px) { .css-g6miwb { gap: 8px 16px; } } .css-9axu40 { grid-template-rows: auto; } @media (min-width: 768px) and (max-width: 1279px) { .css-9axu40 { grid-template-rows: auto; } } @media (max-width: 767px) { .css-9axu40 { grid-template-rows: auto auto; } } .css-ub8y5w { grid-template-columns: 64px 1fr 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-ub8y5w { grid-template-columns: 64px 1fr 24px; } } @media (max-width: 767px) { .css-ub8y5w { grid-template-columns: 64px 1fr 24px; } } @media (max-width: 767px) { .css-1d2tvt5 { grid-row-start: 2; grid-row-end: 2; } } @media (max-width: 767px) { .css-1nquihr { grid-column-start: 1; grid-column-end: 4; } } .css-1lta7sd-textColor { color: rgba(0000.4); } @media (max-width: 767px) { .css-ozyu92 { grid-column-start: 3; grid-column-end: 4; } } .css-rgib4x { width: 24px; height: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-rgib4x { width: 24px; height: 24px; } } @media (max-width: 767px) { .css-rgib4x { width: 24px; height: 24px; } } @media (min-width: 1280px) { .css-1mjajgy { grid-row-start: 1; grid-row-end: 2; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1auttla { grid-row-start: 1; grid-row-end: 2; } } @media (max-width: 767px) { .css-3p1hjh { grid-row-start: 1; grid-row-end: 2; } } @media (min-width: 1280px) { .css-184ie0l { grid-column-start: 2; grid-column-end: 3; } } @media (min-width: 768px) and (max-width: 1279px) { .css-358zrw { grid-column-start: 2; grid-column-end: 3; } } @media (max-width: 767px) { .css-eqmivc { grid-column-start: 2; grid-column-end: 3; } } .css-105xcj3 { padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-105xcj3 { padding-left: 16px; padding-right: 16px; } } @media (max-width: 767px) { .css-105xcj3 { padding-left: 8px; padding-right: 8px; } } @media (max-width: 767px) { .css-puwluo { grid-gap: 12px; } } .css-p0rbbf { display: grid; grid-gap: 12px; } @media (min-width: 768px) and (max-width: 1279px) { .css-p0rbbf { grid-gap: 12px; } } @media (max-width: 767px) { .css-p0rbbf { grid-gap: 12px; } } .css-1hjjleq { justify-content: space-between; } @media (min-width: 768px) and (max-width: 1279px) { .css-1hjjleq { justify-content: space-between; } } @media (max-width: 767px) { .css-1hjjleq { justify-content: space-between; } } .css-g27xd1 { justify-items: start; } .css-5hvlh5-textWhiteSpace { white-space: normal; } .css-1wr2t0u-textColor { color: rgba(2552552550.7); } .css-8pmp2d { width: 16px; height: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-8pmp2d { width: 16px; height: 24px; } } @media (max-width: 767px) { .css-8pmp2d { width: 16px; height: 24px; } } .css-18s2tsr { cursor: pointer; color: #FFF; } .css-18s2tsr:hover { color: #FFB528; } .css-18s2tsr:hover .css-k54ezc-icon { color: #FFB528; } .css-4jbetg * { border-color: #FFF !important; } .css-4jbetg:hover * { border-color: #FFB528 !important; } .css-18of8g1 * { color: #FFF !important; } .css-18of8g1:hover * { color: #FFB528 !important; } .css-m8kjwv { background-color: rgba(2552552550.2); } .css-jkrgpz { background-color: #FF7524; } .css-1kwqcma { padding: 40px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1kwqcma { padding: 40px 24px 64px; } } @media (max-width: 767px) { .css-1kwqcma { padding: 32px 16px 48px; } } .css-bgujv7-sectionColor { --color-link: #3A57FC; background-color: #F4F5F6; color: #000000; } .css-193apt3 { display: grid; grid-gap: 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-193apt3 { grid-gap: 32px; } } @media (max-width: 767px) { .css-193apt3 { grid-gap: 32px; } } .css-8qimkt { max-width: 600px; } .css-8qimkt.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-8qimkt { max-width: 600px; } } @media (max-width: 767px) { .css-8qimkt { max-width: 600px; } } .css-1ccsw85 { color: #3A57FC; background-color: rgba(0000.05); } .css-p10vvy-boxGap { margin-left: 16px; } .css-1xzidh5-inlineRowGap { margin-left: -16px; } .css-1fag2a6 { font-family: "Ahrefs"sans-serif; font-size: 32px; line-height: 34px; } html[lang="ja"] .css-1fag2a6 { font-family: "Ahrefs""Zen"sans-serif; font-size: 32px; line-height: 34px; } html[lang="ko"] .css-1fag2a6 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 32px; line-height: 34px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1fag2a6 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { .css-1fag2a6 { font-size: 24px; line-height: 26px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-1fag2a6 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { html[lang="ja"] .css-1fag2a6 { font-size: 24px; line-height: 26px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-1fag2a6 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { html[lang="ko"] .css-1fag2a6 { font-size: 24px; line-height: 26px; } } .css-1grgkhy { max-width: 720px; } .css-1grgkhy.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1grgkhy { max-width: 720px; } } @media (max-width: 767px) { .css-1grgkhy { max-width: 720px; } } .css-1xt3oag-boxVgap { margin-top: 40px; } .css-155m2te-boxGap { margin-left: 40px; } .css-1q4an1u-inlineRowVgap { margin-top: -40px; } .css-9cugxb-inlineRowGap { margin-left: -40px; } .css-age853 { max-width: 340px; } .css-age853.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-age853 { max-width: 340px; } } @media (max-width: 767px) { .css-age853 { max-width: 340px; } } .css-18qxr97-image { display: block; object-fit: initial; width: 96px; height: 96px; aspect-ratio: 96 / 96; } @media (min-width: 768px) and (max-width: 1279px) { .css-18qxr97-image { width: 96px; height: 96px; object-fit: initial; aspect-ratio: 96 / 96; } } @media (max-width: 767px) { .css-18qxr97-image { width: 96px; height: 96px; object-fit: initial; aspect-ratio: 96 / 96; } } @media (min-width: 768px) and (max-width: 1279px) { .css-18qxr97-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: initial; aspect-ratio: 96 / 96; } } .css-thqn8b { align-items: start; } .css-pxtfjc { background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .css-pxtfjc { background-image: url(/assets/esbuild/x-social-icon-CWKJIHX3.svg); } } .css-19wc218 { background-image: url(/assets/esbuild/x-social-icon-CWKJIHX3.svg); } @media (min-width: 768px) and (max-width: 1279px) { .css-19wc218 { background-image: url(/assets/esbuild/x-social-icon-CWKJIHX3.svg); } } .css-171c0qk { padding-left: 40px; padding-right: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-171c0qk { padding-left: 24px; padding-right: 24px; } } @media (max-width: 767px) { .css-171c0qk { padding-left: 16px; padding-right: 16px; } } .css-1aq0cb6 { height: 100%; } @media (min-width: 768px) and (max-width: 1279px) { .css-1aq0cb6 { height: 100%; } } @media (max-width: 767px) { .css-1aq0cb6 { height: 100%; } } .css-nbt6z0 { padding: 48px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-nbt6z0 { padding: 24px 24px 32px; } } @media (max-width: 767px) { .css-nbt6z0 { padding: 24px 16px 32px; } } .css-g8s1lu-sectionColor { --color-link: #3A75FF; background-color: #111111; color: #FFF; } @media (max-width: 767px) { .css-19y4dau { grid-gap: 24px; } } .css-jmy93n { display: grid; grid-gap: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-jmy93n { grid-gap: 24px; } } @media (max-width: 767px) { .css-jmy93n { grid-gap: 24px; } } .css-1u0iah1 { grid-auto-flow: row; } @media (min-width: 768px) and (max-width: 1279px) { .css-1u0iah1 { grid-auto-flow: column; } } @media (max-width: 767px) { .css-1u0iah1 { grid-auto-flow: row; } } .css-lbob10 { color: #FFF; border-color: transparent; background-color: #FF8D00; } .css-lbob10 svg path { fill: #FFF; } .css-lbob10:focus { outline: 3px solid #FFDBB3; } .css-lbob10:hover { background-color: #FF7524; color: #FFF; } .css-lbob10:hover svg path { fill: #FFF; } .css-lbob10:active { background-color: #F75A03; } .css-lbob10:disabled { color: rgba(0000.4); background-color: rgba(0000.05); } .css-lbob10:disabled svg path { fill: rgba(0000.4); } .css-lbob10.css-1i68zhj-buttonLoading { background-image: linear-gradient(45degrgba(2552552550.2) 25%transparent 0%transparent 50%rgba(2552552550.2) 0%rgba(2552552550.2) 75%transparent 0%transparent 100%); } .css-135in2k { padding-left: 40px !important; padding-right: 40px !important; } @media (min-width: 768px) and (max-width: 1279px) { .css-135in2k { padding-left: 24px !important; padding-right: 24px !important; } } @media (max-width: 767px) { .css-135in2k { padding-left: 16px !important; padding-right: 16px !important; } } .css-a3k81x { padding: 96px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-a3k81x { padding: 64px 24px 64px; } } @media (max-width: 767px) { .css-a3k81x { padding: 64px 16px 40px; } } .css-ymzmlq-sectionColor { --color-link: #3A75FF; background-color: #000000; color: #FFF; } .css-115l1wb { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (min-width: 768px) and (max-width: 1279px) { .css-115l1wb { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } @media (max-width: 767px) { .css-115l1wb { width: 100%; } } .css-fmzgfl { background-color: transparent; color: #FFF; border-color: rgba(2552552550.5); } .css-fmzgfl svg path { fill: #FFF; } .css-fmzgfl:hover { border-color: #FFF; } .css-fmzgfl:focus { outline-: none; border-color: #FF8D00; } .css-fmzgfl:active { outline-: none; border-color: #FF8D00; } .css-fmzgfl:disabled { color: rgba(2552552550.7); background-color: rgba(2552552550.2); border-color: rgba(2552552550.5); } .css-fmzgfl:disabled svg path { fill: rgba(2552552550.7); } .css-x4dmss { justify-content: space-between; } .css-1ry50d0 { display: flex; align-items: center; justify-content: left; width: inherit; overflow: auto; } .css-13irtvp { display: flex; align-items: center; width: inherit; } .css-yky54c-textWhiteSpace { white-space: nowrap; } @media (max-width: 767px) { .css-yky54c-textWhiteSpace { white-space: normal; } } .css-1krlkgw { margin-bottom: 10px; } .css-1krlkgw:last-child { margin-bottom: 0; } .css-1krlkgw:hover { opacity: 1; } .css-4yxxwq { display: block; height: 100%; } .css-1b97wuq { background-color: #1e1e1e; } .css-xawcr5 { padding: 48px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-xawcr5 { padding: 48px 24px 64px; } } @media (max-width: 767px) { .css-xawcr5 { padding: 40px 16px 48px; } } .css-1jnoljo-sectionColor { --color-link: #3A75FF; background-color: #1e1e1e; color: #FFF; } .css-1m2xlfi { max-width: 1080px; } .css-1m2xlfi.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1m2xlfi { max-width: 720px; } } @media (max-width: 767px) { .css-1m2xlfi { max-width: 600px; } } .css-1t12hyd { font-family: "Ahrefs"sans-serif; font-size: 92px; line-height: 80px; } html[lang="ja"] .css-1t12hyd { font-family: "Ahrefs""Zen"sans-serif; font-size: 92px; line-height: 80px; } html[lang="ko"] .css-1t12hyd { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 92px; line-height: 80px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1t12hyd { font-size: 72px; line-height: 64px; } } @media (max-width: 767px) { .css-1t12hyd { font-size: 48px; line-height: 44px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-1t12hyd { font-size: 72px; line-height: 64px; } } @media (max-width: 767px) { html[lang="ja"] .css-1t12hyd { font-size: 48px; line-height: 44px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-1t12hyd { font-size: 72px; line-height: 64px; } } @media (max-width: 767px) { html[lang="ko"] .css-1t12hyd { font-size: 48px; line-height: 44px; } } .css-whw3n9 { max-width: 480px; } .css-whw3n9.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-whw3n9 { max-width: 480px; } } @media (max-width: 767px) { .css-whw3n9 { max-width: 480px; } } .css-4h77q2 { justify-items: unset; } .css-o3o392-boxVgap { margin-top: 0; } .css-na6efe-inlineRowVgap { margin-top: 0; } .css-18nqa6u-textColor { color: #FFB528; } .css-5bxd5y { max-width: 840px; } .css-5bxd5y.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-5bxd5y { max-width: 720px; } } @media (max-width: 767px) { .css-5bxd5y { max-width: 600px; } } @media (min-width: 1280px) { .css-599ot1 { grid-template-rows: none; grid-template-columns: 1fr auto; } } @media (min-width: 768px) and (max-width: 1279px) { .css-599ot1 { grid-template-rows: none; grid-template-columns: 1fr auto; } } @media (max-width: 767px) { .css-599ot1 { grid-template-rows: auto; grid-template-columns: none; } } .css-11jiqmp { grid-auto-flow: column; } @media (min-width: 768px) and (max-width: 1279px) { .css-11jiqmp { grid-auto-flow: column; } } @media (max-width: 767px) { .css-11jiqmp { grid-auto-flow: row; } } .css-4qpzou { display: grid; grid-gap: 8px; } @media (min-width: 768px) and (max-width: 1279px) { .css-4qpzou { grid-gap: 8px; } } @media (max-width: 767px) { .css-4qpzou { grid-gap: 24px; } } .css-wcs6 { padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-wcs6 { padding-left: 16px; padding-right: 16px; } } @media (max-width: 767px) { .css-wcs6 { padding-left: 16px; padding-right: 16px; } } .css-i9dzsn { font-size: 20px; height: 42px; } @media (min-width: 768px) and (max-width: 1279px) { .css-i9dzsn { font-size: 20px; height: 42px; } } @media (max-width: 767px) { .css-i9dzsn { font-size: 20px; height: 42px; } } .css-vsfkgb { line-height: 24px; background-color: transparent; box-sizing: border-box; padding-top: 9px; padding-bottom: 9px; border: 2px solid rgba(2552552550.5); border-radius: 0; width: 100%; color: #FFF; } .css-vsfkgb::placeholder { color: rgba(2552552550.5); } .css-vsfkgb:hover { border: 2px solid #FFF; } .css-vsfkgb:focus { outline: none; border: 2px solid #FFB528; background-color: #FFF; color: #000000; } .css-vsfkgb:focus::placeholder { color: rgba(0000.4); } .css-vsfkgb:disabled { border: 2px solid rgba(2552552550.5); background-color: rgba(2552552550.2); color: rgba(2552552550.7); } @media (max-width: 767px) { .css-vsfkgb { font-size: 19px; line-height: 21px; padding-top: 12px; padding-bottom: 12px; } } .css-11522vn { width: 100%; } @media (min-width: 768px) and (max-width: 1279px) { .css-11522vn { width: 100%; } } @media (max-width: 767px) { .css-11522vn { width: 100%; } } .css-1rztew1 { width: 14px; } .css-1273j0 { padding-left: 0; padding-right: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1273j0 { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .css-1273j0 { padding-left: 16px; padding-right: 16px; } } .css-12hj6d0 { max-width: 1280px; } .css-12hj6d0.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-12hj6d0 { max-width: 720px; } } @media (max-width: 767px) { .css-12hj6d0 { max-width: 768px; } } .css-1hrsx2a { display: grid; grid-gap: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1hrsx2a { grid-gap: 40px; } } @media (max-width: 767px) { .css-1hrsx2a { grid-gap: 32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1mdd8r8 { max-width: 556px; } } .css-y1s2mf { background-color: #27A77C; } @media (max-width: 767px) { .css-kr1lk9 { grid-gap: 64px; } } .css-1y45lu7 { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1y45lu7 { grid-gap: 64px; } } @media (max-width: 767px) { .css-1y45lu7 { grid-gap: 40px; } } .css-4p0ict { max-width: 1280px; } .css-4p0ict.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-4p0ict { max-width: 768px; } } @media (max-width: 767px) { .css-4p0ict { max-width: 768px; } } .css-oolrfl { max-width: 1080px; } .css-oolrfl.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-oolrfl { max-width: 720px; } } @media (max-width: 767px) { .css-oolrfl { max-width: 768px; } } @media (min-width: 1280px) { .css-1jx9s3l { padding: 72px 0px 0px 0px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1r7155g { padding: 40px 24px 0px; } } @media (max-width: 767px) { .css-1g7gues { padding: 48px 24px 12px 24px; } } @media (min-width: 1280px) { .css-1d1m58r { grid-template-rows: none; grid-template-columns: 476px auto; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1d1m58r { grid-template-rows: auto auto; grid-template-columns: none; } } @media (max-width: 767px) { .css-1d1m58r { grid-template-rows: auto auto; grid-template-columns: none; } } .css-1867hry { justify-content: space-between; } @media (min-width: 768px) and (max-width: 1279px) { .css-1867hry { justify-content: flex-start; } } @media (max-width: 767px) { .css-1867hry { justify-content: flex-start; } } .css-klaciq { grid-auto-flow: column; } @media (min-width: 768px) and (max-width: 1279px) { .css-klaciq { grid-auto-flow: row; } } @media (max-width: 767px) { .css-klaciq { grid-auto-flow: row; } } .css-97u2k8 { display: grid; grid-gap: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-97u2k8 { grid-gap: 32px; } } @media (max-width: 767px) { .css-97u2k8 { grid-gap: 32px; } } .css-1l7u25v { align-content: flex-start; } @media (min-width: 768px) and (max-width: 1279px) { .css-1l7u25v { align-content: flex-start; } } @media (max-width: 767px) { .css-1l7u25v { align-content: flex-start; } } .css-1xjo6vn { display: grid; grid-gap: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1xjo6vn { grid-gap: 32px; } } @media (max-width: 767px) { .css-1xjo6vn { grid-gap: 24px; } } .css-in7znh { color: #FFF; background-color: #000000; } .css-1gzevze { justify-content: flex-start; } @media (min-width: 768px) and (max-width: 1279px) { .css-1gzevze { justify-content: flex-start; } } @media (max-width: 767px) { .css-1gzevze { justify-content: initial; } } .css-1o2h57o { max-width: 375px; } .css-1o2h57o.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1o2h57o { max-width: 480px; } } @media (max-width: 767px) { .css-1o2h57o { max-width: 480px; } } .css-18pifcr-image { display: block; object-fit: contain; width: 556px; height: 422px; aspect-ratio: 556 / 422; } @media (min-width: 768px) and (max-width: 1279px) { .css-18pifcr-image { width: 556px; height: 422px; object-fit: contain; aspect-ratio: 556 / 422; } } @media (max-width: 767px) { .css-18pifcr-image { width: 327px; height: 248px; object-fit: initial; aspect-ratio: 327 / 248; } } @media (min-width: 768px) and (max-width: 1279px) { .css-18pifcr-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 556 / 422; } } .css-fxllub { padding: 96px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-fxllub { padding: 64px 24px 48px; } } @media (max-width: 767px) { .css-fxllub { padding: 48px 16px 40px; } } .css-13es24l { max-width: 1080px; } .css-13es24l.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-13es24l { max-width: 1080px; } } @media (max-width: 767px) { .css-13es24l { max-width: 1080px; } } .css-v3x0j1 { margin: 0 0 0 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-v3x0j1 { margin: 0 0 0 0; } } @media (max-width: 767px) { .css-v3x0j1 { margin: 0 0 0 0; } } .css-8v4lpc { padding: 24px 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-8v4lpc { padding: 24px 24px 0; } } @media (max-width: 767px) { .css-8v4lpc { padding: 16px 16px 0; } } .css-14m7nj3-imageSrcSetter { } @media (max-width: 768px) { .css-14m7nj3-imageSrcSetter { content: url(/assets/esbuild/1_Phrase_match-6LL6NDYH.png); } } @media (min-width: 768px) { .css-14m7nj3-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-txyuys-imageSrcSetter { } @media (max-width: 768px) { .css-txyuys-imageSrcSetter { content: url(/assets/esbuild/1_Terms_match-XDUPCSHE.png); } } @media (min-width: 768px) { .css-txyuys-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-11rqyhu-imageSrcSetter { } @media (max-width: 768px) { .css-11rqyhu-imageSrcSetter { content: url(/assets/esbuild/1_Also_rank_for-YRRK5ESG.png); } } @media (min-width: 768px) { .css-11rqyhu-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-1yoqjc7-imageSrcSetter { } @media (max-width: 768px) { .css-1yoqjc7-imageSrcSetter { content: url(/assets/esbuild/1_Search_suggestions-LHWTGLG2.png); } } @media (min-width: 768px) { .css-1yoqjc7-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-136bw6-imageSrcSetter { } @media (max-width: 768px) { .css-136bw6-imageSrcSetter { content: url(/assets/esbuild/1_Questions-OC34PZVH.png); } } @media (min-width: 768px) { .css-136bw6-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-14t16v3 { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); transition: transform 250ms ease 0ms normal; } .css-1y3jl3a { align-items: baseline; } .css-1sw6bil { border-bottom: 2px solid #F75A03; } .css-14d37h3:hover { color: #F75A03; } .css-eeihp9-textColor { color: #F75A03; } .css-yt0imr-textColor { color: #3A57FC; } .css-58g0gs { padding: 0 40px; width: initial; margin: 0 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-58g0gs { padding: 0 32px; width: initial; margin: 0 0; } } @media (max-width: 767px) { .css-58g0gs { padding: 0 16px; width: initial; margin: 0 0; } } .css-1wqzpma { border-width: 0; height: 1px; background-color: #FFF; } .css-1wqzpma::after { display: block; content: ' '; border-bottom: 1px solid rgba(0000.1); } .css-zzm0hu { padding: 64px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-zzm0hu { padding: 48px 24px 48px; } } @media (max-width: 767px) { .css-zzm0hu { padding: 40px 16px 40px; } } .css-1ccd9kj { padding: 32px 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ccd9kj { padding: 32px 24px 0; } } @media (max-width: 767px) { .css-1ccd9kj { padding: 16px 16px 0; } } .css-1ij0ooj-imageBorder-ThickRoundOutline { border-radius: 4px; box-shadow: 0 0 0 4px rgba(0000.1); } .css-luv0bn-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 527; } @media (min-width: 768px) and (max-width: 1279px) { .css-luv0bn-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 527; } } @media (max-width: 767px) { .css-luv0bn-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 527; } } @media (min-width: 768px) and (max-width: 1279px) { .css-luv0bn-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 527; } } .css-xwfukx-textAlign { text-align: center; } .css-1eveb1h-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 588; } @media (min-width: 768px) and (max-width: 1279px) { .css-1eveb1h-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 588; } } @media (max-width: 767px) { .css-1eveb1h-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 588; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1eveb1h-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 588; } } .css-7m9bf8-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 480; } @media (min-width: 768px) and (max-width: 1279px) { .css-7m9bf8-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 480; } } @media (max-width: 767px) { .css-7m9bf8-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 480; } } @media (min-width: 768px) and (max-width: 1279px) { .css-7m9bf8-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 480; } } .css-dndigr-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 537; } @media (min-width: 768px) and (max-width: 1279px) { .css-dndigr-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 537; } } @media (max-width: 767px) { .css-dndigr-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 537; } } @media (min-width: 768px) and (max-width: 1279px) { .css-dndigr-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 537; } } .css-u7q8q-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 2161 / 1056; } @media (min-width: 768px) and (max-width: 1279px) { .css-u7q8q-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 2161 / 1056; } } @media (max-width: 767px) { .css-u7q8q-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 2161 / 1056; } } @media (min-width: 768px) and (max-width: 1279px) { .css-u7q8q-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 2161 / 1056; } } .css-cyozzv { padding: 64px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-cyozzv { padding: 48px 24px 64px; } } @media (max-width: 767px) { .css-cyozzv { padding: 40px 16px 48px; } } .css-13vmy8l-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 2160 / 1093; } @media (min-width: 768px) and (max-width: 1279px) { .css-13vmy8l-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 2160 / 1093; } } @media (max-width: 767px) { .css-13vmy8l-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 2160 / 1093; } } @media (min-width: 768px) and (max-width: 1279px) { .css-13vmy8l-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 2160 / 1093; } } .css-l991ds-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 3 / 2; } @media (min-width: 768px) and (max-width: 1279px) { .css-l991ds-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 3 / 2; } } @media (max-width: 767px) { .css-l991ds-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 3 / 2; } } @media (min-width: 768px) and (max-width: 1279px) { .css-l991ds-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 3 / 2; } } .css-c16rt5 { font-family: "Ahrefs"sans-serif; font-size: 22px; line-height: 24px; } html[lang="ja"] .css-c16rt5 { font-family: "Ahrefs""Zen"sans-serif; font-size: 22px; line-height: 24px; } html[lang="ko"] .css-c16rt5 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 22px; line-height: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-c16rt5 { font-size: 22px; line-height: 24px; } } @media (max-width: 767px) { .css-c16rt5 { font-size: 20px; line-height: 22px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-c16rt5 { font-size: 22px; line-height: 24px; } } @media (max-width: 767px) { html[lang="ja"] .css-c16rt5 { font-size: 20px; line-height: 22px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-c16rt5 { font-size: 22px; line-height: 24px; } } @media (max-width: 767px) { html[lang="ko"] .css-c16rt5 { font-size: 20px; line-height: 22px; } } .css-192crjp { flex-grow: 1; background-color: #1e1e1e; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 300ms; } .css-1xo4n4x-separatorInView .css-192crjp { height: 0px; } @media (max-width: 767px) { .css-192crjp { transition-delay: 200ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-192crjp { height: 0px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-192crjp { height: 0px; } } @media (max-width: 767px) { .css-192crjp:last-child { display: none; } } .css-mhfv1t { flex-grow: 1; background-color: #1e1e1e; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 200ms; } .css-1xo4n4x-separatorInView .css-mhfv1t { height: 21px; } @media (max-width: 767px) { .css-mhfv1t { transition-delay: 100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-mhfv1t { height: 16px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-mhfv1t { height: 16px; } } @media (max-width: 767px) { .css-mhfv1t:last-child { display: none; } } .css-9hfg27 { flex-grow: 1; background-color: #1e1e1e; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 100ms; } .css-1xo4n4x-separatorInView .css-9hfg27 { height: 42px; } @media (max-width: 767px) { .css-9hfg27 { transition-delay: 0ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-9hfg27 { height: 32px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-9hfg27 { height: 32px; } } @media (max-width: 767px) { .css-9hfg27:last-child { display: none; } } .css-19rf7na { flex-grow: 1; background-color: #1e1e1e; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 0ms; } .css-1xo4n4x-separatorInView .css-19rf7na { height: 64px; } @media (max-width: 767px) { .css-19rf7na { transition-delay: -100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-19rf7na { height: 48px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-19rf7na { height: 32px; } } @media (max-width: 767px) { .css-19rf7na:last-child { display: none; } } .css-1d1k9fi { display: flex; align-items: flex-end; height: 64px; background-color: #FFF; } .css-1d1k9fi css-sp6hf8-separatorWithVerticalOffset { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); margin-bottom: -64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1d1k9fi { height: 48px; } } @media (max-width: 767px) { .css-1d1k9fi { height: 32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1d1k9fi css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -48px; } } @media (max-width: 767px) { .css-1d1k9fi css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -32px; } } .css-k3a8uw { padding-left: 40px !important; padding-right: 40px !important; } @media (min-width: 768px) and (max-width: 1279px) { .css-k3a8uw { padding-left: 24px !important; padding-right: 24px !important; } } @media (max-width: 767px) { .css-k3a8uw { padding-left: 0 !important; padding-right: 0 !important; } } .css-r5wcfg { padding: 96px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-r5wcfg { padding: 64px 24px 64px; } } @media (max-width: 767px) { .css-r5wcfg { padding: 64px 16px 64px; } } .css-1m5aeab { max-width: 1160px; } .css-1m5aeab.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1m5aeab { max-width: 1160px; } } @media (max-width: 767px) { .css-1m5aeab { max-width: 1160px; } } @media (min-width: 1280px) { .css-17p1w35 { padding: 0px 32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-rf20lq { padding: 0px 24px; } } @media (max-width: 767px) { .css-1dtv4tr { padding: 0px 16px; } } @media (min-width: 1280px) { .css-1qq4hm0 { grid-template-rows: none; grid-template-columns: 840px 120px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1qq4hm0 { grid-template-rows: none; grid-template-columns: 540px 120px; } } @media (max-width: 767px) { .css-1qq4hm0 { grid-template-rows: auto auto; grid-template-columns: none; } } @media (max-width: 767px) { .css-1vlgx4l { grid-gap: 120px; } } .css-1qyzyun { display: grid; grid-gap: 120px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1qyzyun { grid-gap: 64px; } } @media (max-width: 767px) { .css-1qyzyun { grid-gap: 32px; } } @keyframes animation-1m67vkk { 0% { -webkit-transform: translateY(32px); -moz-transform: translateY(32px); -ms-transform: translateY(32px); transform: translateY(32px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .css-16e0utd-box { opacity: 0; -webkit-transform: translateY(32px); -moz-transform: translateY(32px); -ms-transform: translateY(32px); transform: translateY(32px); } body[data-fonts-loaded] .css-16e0utd-box.css-1kzpjvi-boxVisible { -webkit-animation: animation-1acbpvw 200ms cubic-bezier(0.300.51) 0ms 1 normal forwards runninganimation-1m67vkk 200ms cubic-bezier(0.300.51) 0ms 1 normal forwards running; animation: animation-1acbpvw 200ms cubic-bezier(0.300.51) 0ms 1 normal forwards runninganimation-1m67vkk 200ms cubic-bezier(0.300.51) 0ms 1 normal forwards running; } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 1280px) { .css-o8nvka { padding: 12px 0px 0px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1rr5b0l { padding: 12px 0px 0px; } } @media (max-width: 767px) { .css-11edd9c { padding: 0px; } } .css-14s7sok { grid-auto-flow: row; } @media (min-width: 768px) and (max-width: 1279px) { .css-14s7sok { grid-auto-flow: row; } } @media (max-width: 767px) { .css-14s7sok { grid-auto-flow: column; } } .css-1qjhdmj { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 48px; height: 48px; background-image: url(/assets/esbuild/sparkling-heart-icon-4DQBGAMH.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-1qjhdmj { background-image: url(/assets/esbuild/sparkling-heart-icon-4DQBGAMH.svg); width: 48px; height: 48px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1qjhdmj { background-image: url(/assets/esbuild/sparkling-heart-icon-4DQBGAMH.svg); width: 48px; height: 48px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1qjhdmj.css-ie28gn-iconHideOnMobile { display: none; } } .css-w08oz2 { display: grid; grid-gap: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-w08oz2 { grid-gap: 32px; } } @media (max-width: 767px) { .css-w08oz2 { grid-gap: 24px; } } .css-4vgelk { padding-left: 32px; padding-right: 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-4vgelk { padding-left: 32px; padding-right: 32px; } } @media (max-width: 767px) { .css-4vgelk { padding-left: 16px; padding-right: 16px; } } .css-1tkoxtk { padding: 24px 40px 56px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1tkoxtk { padding: 24px 24px 56px; } } @media (max-width: 767px) { .css-1tkoxtk { padding: 24px 16px 32px; } } .css-155jcqn-sectionColor { --color-link: #3546E0; background-color: #3546E0; color: #FFF; } .css-u4xvqn { display: grid; grid-gap: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-u4xvqn { grid-gap: 40px; } } @media (max-width: 767px) { .css-u4xvqn { grid-gap: 24px; } } @media (max-width: 767px) { .css-13gnn8b { grid-gap: 4px; } } .css-2qi252 { display: grid; grid-gap: 4px; } @media (min-width: 768px) and (max-width: 1279px) { .css-2qi252 { grid-gap: 4px; } } @media (max-width: 767px) { .css-2qi252 { grid-gap: 4px; } } .css-1xh8p9c-image { display: block; object-fit: contain; width: 52px; height: 52px; aspect-ratio: 52 / 52; } @media (min-width: 768px) and (max-width: 1279px) { .css-1xh8p9c-image { width: 52px; height: 52px; object-fit: contain; aspect-ratio: 52 / 52; } } @media (max-width: 767px) { .css-1xh8p9c-image { width: 52px; height: 52px; object-fit: initial; aspect-ratio: 52 / 52; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xh8p9c-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 52 / 52; } } .css-1jyb9g4 { letter-spacing: -0.06rem; } @media (min-width: 768px) and (max-width: 1279px) { .css-1jyb9g4 { letter-spacing: -0.06rem; } } @media (max-width: 767px) { .css-1jyb9g4 { letter-spacing: -0.06rem; } } .css-6s0ffe { font-family: "Ahrefs"sans-serif; font-size: 48px; line-height: 48px; } html[lang="ja"] .css-6s0ffe { font-family: "Ahrefs""Zen"sans-serif; font-size: 48px; line-height: 48px; } html[lang="ko"] .css-6s0ffe { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 48px; line-height: 48px; } .css-pjq1zo { flex-grow: 1; background-color: #000000; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 300ms; } .css-1xo4n4x-separatorInView .css-pjq1zo { height: 0px; } @media (max-width: 767px) { .css-pjq1zo { transition-delay: 200ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-pjq1zo { height: 0px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-pjq1zo { height: 0px; } } @media (max-width: 767px) { .css-pjq1zo:last-child { display: none; } } .css-31byxn { flex-grow: 1; background-color: #000000; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 200ms; } .css-1xo4n4x-separatorInView .css-31byxn { height: 21px; } @media (max-width: 767px) { .css-31byxn { transition-delay: 100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-31byxn { height: 16px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-31byxn { height: 16px; } } @media (max-width: 767px) { .css-31byxn:last-child { display: none; } } .css-xh1wf1 { flex-grow: 1; background-color: #000000; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 100ms; } .css-1xo4n4x-separatorInView .css-xh1wf1 { height: 42px; } @media (max-width: 767px) { .css-xh1wf1 { transition-delay: 0ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-xh1wf1 { height: 32px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-xh1wf1 { height: 32px; } } @media (max-width: 767px) { .css-xh1wf1:last-child { display: none; } } .css-1fu7vp9 { flex-grow: 1; background-color: #000000; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 0ms; } .css-1xo4n4x-separatorInView .css-1fu7vp9 { height: 64px; } @media (max-width: 767px) { .css-1fu7vp9 { transition-delay: -100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-1fu7vp9 { height: 48px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-1fu7vp9 { height: 32px; } } @media (max-width: 767px) { .css-1fu7vp9:last-child { display: none; } } .css-1mr2k51 { display: flex; align-items: flex-end; height: 64px; background-color: #1e1e1e; } .css-1mr2k51 css-sp6hf8-separatorWithVerticalOffset { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); margin-bottom: -64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1mr2k51 { height: 48px; } } @media (max-width: 767px) { .css-1mr2k51 { height: 32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1mr2k51 css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -48px; } } @media (max-width: 767px) { .css-1mr2k51 css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -32px; } } .css-unbmgz { padding: 48px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-unbmgz { padding: 40px 24px 64px; } } @media (max-width: 767px) { .css-unbmgz { padding: 40px 16px 48px; } } .css-1vvuf3l { display: grid; grid-gap: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1vvuf3l { grid-gap: 48px; } } @media (max-width: 767px) { .css-1vvuf3l { grid-gap: 40px; } } @media (min-width: 1280px) { .css-1iys4ah { padding: 8px 40px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-szbae3 { padding: 8px 24px; } } @media (max-width: 767px) { .css-gof5q2 { padding: 8px 16px; } } .css-1n8fgdx { background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .css-1n8fgdx { background-image: url(/assets/esbuild/word-count-stripe-logo-TQBL4SAC.svg); } } .css-1h0hbvk { background-image: url(/assets/esbuild/word-count-stripe-logo-TQBL4SAC.svg); } @media (min-width: 768px) and (max-width: 1279px) { .css-1h0hbvk { background-image: url(/assets/esbuild/word-count-stripe-logo-TQBL4SAC.svg); } } .css-1awwkvz { width: 90px; height: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1awwkvz { width: 90px; height: 24px; } } @media (max-width: 767px) { .css-1awwkvz { width: 90px; height: 24px; } } @media (min-width: 1280px) { .css-5h5ytw { grid-template-rows: none; grid-template-columns: 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-5h5ytw { grid-template-rows: none; grid-template-columns: 1fr; } } @media (max-width: 767px) { .css-5h5ytw { grid-template-rows: none; grid-template-columns: 1fr; } } .css-1gtq8fc { padding: 32px 40px 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1gtq8fc { padding: 24px 24px 32px; } } @media (max-width: 767px) { .css-1gtq8fc { padding: 24px 16px 32px; } } .css-y8aj3r { padding: 0; } .css-1gk85mn { background-color: transparent; border-width: 0; color: rgba(0000.65); } .css-1gk85mn svg path { fill: rgba(0000.65); } .css-1gk85mn:hover { color: #FF8D00; } .css-1gk85mn:hover svg path { fill: #FF8D00; } .css-1gk85mn:focus { outline-: none; } .css-1gk85mn:active { color: #FF7524; } .css-1gk85mn:disabled { color: rgba(0000.4); } .css-1gk85mn:disabled svg path { fill: rgba(0000.4); } .css-68zbsl { width: auto; } .css-d5dmac { justify-content: left; } .css-1ty1x88 { height: 165px; } .css-fo2edb { resize: none; font-size: 20px; line-height: 24px; padding: 9px 16px; box-sizing: border-box; background-color: #FFF; border: 2px solid rgba(0000.2); border-radius: 0; width: 100%; color: #000000; } .css-fo2edb::placeholder { color: rgba(0000.4); } .css-fo2edb:hover { border: 2px solid rgba(0000.4); } .css-fo2edb:focus { outline: none; border: 2px solid #FF8D00; background-color: #FFF; color: #000000; } .css-fo2edb:focus::placeholder { color: rgba(0000.4); } .css-fo2edb:disabled { border: 2px solid rgba(0000.1); background-color: rgba(0000.05); color: rgba(0000.65); } @media (max-width: 767px) { .css-fo2edb { font-size: 19px; line-height: 21px; padding-top: 12px; padding-bottom: 12px; } } .css-1gtcnj8 { justify-content: flex-end; } @media (min-width: 768px) and (max-width: 1279px) { .css-1gtcnj8 { justify-content: flex-end; } } @media (max-width: 767px) { .css-1gtcnj8 { justify-content: flex-end; } } .css-12lo30m { background-color: #FFF; color: #000000; border-color: rgba(0000.2); } .css-12lo30m svg path { fill: #000000; } .css-12lo30m:hover { border-color: rgba(0000.4); } .css-12lo30m:focus { outline-: none; border-color: #FF8D00; } .css-12lo30m:active { outline-: none; } .css-12lo30m:disabled { color: rgba(0000.65); border-color: rgba(0000.1); background-color: rgba(0000.05); } .css-12lo30m:disabled svg path { fill: rgba(0000.65); } .css-12lo30m.css-1i68zhj-buttonLoading { background-image: linear-gradient(45degrgba(0000.15) 25%transparent 0%transparent 50%rgba(0000.15) 0%rgba(0000.15) 75%transparent 0%transparent 100%); } .css-vwlzrr { padding: 13px 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-vwlzrr { padding: 13px 24px; } } @media (max-width: 767px) { .css-vwlzrr { padding: 13px 24px; } } .css-13m9f89 { gap: 12px; } @media (min-width: 768px) and (max-width: 1279px) { .css-13m9f89 { gap: 12px; } } @media (max-width: 767px) { .css-13m9f89 { gap: 12px; } } .css-3q051s { padding: 40px 40px 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-3q051s { padding: 40px 24px 40px; } } @media (max-width: 767px) { .css-3q051s { padding: 40px 16px 40px; } } @media (min-width: 1280px) { .css-1gkqxdw { grid-template-rows: auto; grid-template-columns: none; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1gkqxdw { grid-template-rows: none; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 767px) { .css-1gkqxdw { grid-template-rows: auto; grid-template-columns: none; } } @media (max-width: 767px) { .css-845d4s { grid-gap: 6px; } } .css-1yp7og9 { display: grid; grid-gap: 6px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1yp7og9 { grid-gap: 6px; } } @media (max-width: 767px) { .css-1yp7og9 { grid-gap: 6px; } } .css-1vf6ntt { position: relative; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background-color: transparent; border: 2px solid rgba(0000.2); } .css-n3epyu-container:hover .css-1vf6ntt:not(.css-b93ki9-inputViewDisabled) { border-color: #FF8D00; } .css-1vf6ntt.css-17c97xu-inputViewChecked { background-color: #FF8D00; border-color: #FF8D00; } .css-n3epyu-container:hover .css-1vf6ntt.css-17c97xu-inputViewChecked:not(.css-b93ki9-inputViewDisabled) { background-color: #FF7524; border-color: #FF8D00; } .css-1vf6ntt.css-17c97xu-inputViewChecked::after { content: ''; display: block; border-radius: 50%; width: 10px; height: 10px; background-color: #FFF; } .css-1vf6ntt.css-b93ki9-inputViewDisabled { background-color: transparent; border-color: rgba(0000.1); } .css-1vf6ntt.css-b93ki9-inputViewDisabled.css-17c97xu-inputViewChecked { background-color: rgba(0000.05); } .css-1vf6ntt.css-b93ki9-inputViewDisabled.css-17c97xu-inputViewChecked::after { background-color: rgba(0000.4); } .css-111wug5 { padding-right: 8px; } .css-1jfdmf7 { padding: 64px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1jfdmf7 { padding: 64px 24px 64px; } } @media (max-width: 767px) { .css-1jfdmf7 { padding: 64px 16px 64px; } } .css-14vzexy { max-width: 1200px; } .css-14vzexy.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-14vzexy { max-width: 720px; } } @media (max-width: 767px) { .css-14vzexy { max-width: 720px; } } .css-1wptzu6 { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1wptzu6 { grid-gap: 48px; } } @media (max-width: 767px) { .css-1wptzu6 { grid-gap: 32px; } } @media (min-width: 1280px) { .css-1oujmni { padding: 0px 0px 0px 60px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1igkov1 { padding: 0px; } } .css-12axwg0 { max-width: 1080px; } .css-12axwg0.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-12axwg0 { max-width: 720px; } } @media (max-width: 767px) { .css-12axwg0 { max-width: 720px; } } .css-14vfx6b { display: grid; grid-gap: 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-14vfx6b { grid-gap: 32px; } } @media (max-width: 767px) { .css-14vfx6b { grid-gap: 24px; } } .css-fah9dp { background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .css-fah9dp { background-image: url(/assets/esbuild/word-count-ads-logo-JMBZ4GXX.svg); } } .css-h94eyf { background-image: url(/assets/esbuild/word-count-ads-logo-JMBZ4GXX.svg); } @media (min-width: 768px) and (max-width: 1279px) { .css-h94eyf { background-image: url(/assets/esbuild/word-count-ads-logo-JMBZ4GXX.svg); } } .css-1x6ua1z { width: 188px; height: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1x6ua1z { width: 188px; height: 40px; } } @media (max-width: 767px) { .css-1x6ua1z { width: 150px; height: 32px; } } .css-11wfywy { max-width: 960px; } .css-11wfywy.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-11wfywy { max-width: 960px; } } @media (max-width: 767px) { .css-11wfywy { max-width: 960px; } } @media (min-width: 1280px) { .css-1bqxt0r { grid-template-rows: none; grid-template-columns: 492px 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1bqxt0r { grid-template-rows: none; grid-template-columns: 336px 1fr; } } @media (max-width: 767px) { .css-1bqxt0r { grid-template-rows: 1fr; grid-template-columns: none; } } @media (max-width: 767px) { .css-b1iute { grid-gap: 96px; } } .css-2o0zen { display: grid; grid-gap: 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-2o0zen { grid-gap: 48px; } } @media (max-width: 767px) { .css-2o0zen { grid-gap: 24px; } } .css-1sy0xge { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .css-r2j5p3 { color: #FFF; border-color: transparent; background-color: #FF8D00; } .css-r2j5p3 svg path { fill: #FFF; } .css-r2j5p3:focus { outline: 3px solid #FFDBB3; } .css-r2j5p3:hover { background-color: #FF7524; color: #FFF; } .css-r2j5p3:hover svg path { fill: #FFF; } .css-r2j5p3:active { background-color: #F75A03; } .css-r2j5p3:disabled { color: rgba(2552552550.5); background-color: rgba(2552552550.2); } .css-r2j5p3:disabled svg path { fill: rgba(2552552550.5); } .css-r2j5p3.css-1i68zhj-buttonLoading { background-image: linear-gradient(45degrgba(2552552550.2) 25%transparent 0%transparent 50%rgba(2552552550.2) 0%rgba(2552552550.2) 75%transparent 0%transparent 100%); } .css-10srfct { display: grid; grid-gap: 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-10srfct { grid-gap: 24px; } } @media (max-width: 767px) { .css-10srfct { grid-gap: 24px; } } .css-p4eotu-imageBorder-RoundedLargeOnly { border-radius: 12px; } .css-jd87y2-image { display: block; object-fit: contain; width: 1200px; height: 600px; aspect-ratio: 1200 / 600; } @media (min-width: 768px) and (max-width: 1279px) { .css-jd87y2-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 720 / 360; } } @media (max-width: 767px) { .css-jd87y2-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 343 / 171; } } @media (min-width: 768px) and (max-width: 1279px) { .css-jd87y2-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1200 / 600; } } .css-1pt2cm2 { flex-grow: 1; background-color: #FFF; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 300ms; } .css-1xo4n4x-separatorInView .css-1pt2cm2 { height: 0px; } @media (max-width: 767px) { .css-1pt2cm2 { transition-delay: 200ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-1pt2cm2 { height: 0px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-1pt2cm2 { height: 0px; } } @media (max-width: 767px) { .css-1pt2cm2:last-child { display: none; } } .css-f90g2i { flex-grow: 1; background-color: #FFF; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 200ms; } .css-1xo4n4x-separatorInView .css-f90g2i { height: 21px; } @media (max-width: 767px) { .css-f90g2i { transition-delay: 100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-f90g2i { height: 16px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-f90g2i { height: 16px; } } @media (max-width: 767px) { .css-f90g2i:last-child { display: none; } } .css-1uy12dx { flex-grow: 1; background-color: #FFF; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 100ms; } .css-1xo4n4x-separatorInView .css-1uy12dx { height: 42px; } @media (max-width: 767px) { .css-1uy12dx { transition-delay: 0ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-1uy12dx { height: 32px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-1uy12dx { height: 32px; } } @media (max-width: 767px) { .css-1uy12dx:last-child { display: none; } } .css-1n9uh0o { flex-grow: 1; background-color: #FFF; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 0ms; } .css-1xo4n4x-separatorInView .css-1n9uh0o { height: 64px; } @media (max-width: 767px) { .css-1n9uh0o { transition-delay: -100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-1n9uh0o { height: 48px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-1n9uh0o { height: 32px; } } @media (max-width: 767px) { .css-1n9uh0o:last-child { display: none; } } .css-d757qh { display: flex; align-items: flex-end; height: 64px; background-color: #111111; } .css-d757qh css-sp6hf8-separatorWithVerticalOffset { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); margin-bottom: -64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-d757qh { height: 48px; } } @media (max-width: 767px) { .css-d757qh { height: 32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-d757qh css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -48px; } } @media (max-width: 767px) { .css-d757qh css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -32px; } } .css-pin6ml { padding: 96px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-pin6ml { padding: 64px 24px 64px; } } @media (max-width: 767px) { .css-pin6ml { padding: 48px 16px 48px; } } .css-m2xlmp { padding: 0 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-m2xlmp { padding: 0 24px 64px; } } @media (max-width: 767px) { .css-m2xlmp { padding: 0 16px 48px; } } .css-117c6gt { flex-grow: 1; background-color: #F4F5F6; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 300ms; } .css-1xo4n4x-separatorInView .css-117c6gt { height: 0px; } @media (max-width: 767px) { .css-117c6gt { transition-delay: 200ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-117c6gt { height: 0px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-117c6gt { height: 0px; } } @media (max-width: 767px) { .css-117c6gt:last-child { display: none; } } .css-stkg99 { flex-grow: 1; background-color: #F4F5F6; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 200ms; } .css-1xo4n4x-separatorInView .css-stkg99 { height: 21px; } @media (max-width: 767px) { .css-stkg99 { transition-delay: 100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-stkg99 { height: 16px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-stkg99 { height: 16px; } } @media (max-width: 767px) { .css-stkg99:last-child { display: none; } } .css-145kfwb { flex-grow: 1; background-color: #F4F5F6; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 100ms; } .css-1xo4n4x-separatorInView .css-145kfwb { height: 42px; } @media (max-width: 767px) { .css-145kfwb { transition-delay: 0ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-145kfwb { height: 32px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-145kfwb { height: 32px; } } @media (max-width: 767px) { .css-145kfwb:last-child { display: none; } } .css-1dco5ry { flex-grow: 1; background-color: #F4F5F6; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 0ms; } .css-1xo4n4x-separatorInView .css-1dco5ry { height: 64px; } @media (max-width: 767px) { .css-1dco5ry { transition-delay: -100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-1dco5ry { height: 48px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-1dco5ry { height: 32px; } } @media (max-width: 767px) { .css-1dco5ry:last-child { display: none; } } .css-2w427 { padding: 96px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-2w427 { padding: 64px 24px 64px; } } @media (max-width: 767px) { .css-2w427 { padding: 48px 16px 48px; } } .css-s7vnvu { max-width: 1200px; } .css-s7vnvu.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-s7vnvu { max-width: 720px; } } @media (max-width: 767px) { .css-s7vnvu { max-width: 600px; } } .css-qvdid5 { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-qvdid5 { grid-gap: 48px; } } @media (max-width: 767px) { .css-qvdid5 { grid-gap: 40px; } } @media (min-width: 1280px) { .css-1bb2qdh { grid-template-rows: none; grid-template-columns: 320px auto; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1bb2qdh { grid-template-rows: auto; grid-template-columns: none; } } @media (max-width: 767px) { .css-1bb2qdh { grid-template-rows: auto; grid-template-columns: none; } } @media (min-width: 1280px) { .css-1gpn4fq { padding: 4px 0px 0px; } } .css-1g4udia { grid-auto-rows: max-content; } .css-1qjpw1f { padding: 0 0; width: initial; margin: 0 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1qjpw1f { padding: 0 0; width: initial; margin: 0 0; } } @media (max-width: 767px) { .css-1qjpw1f { padding: 0 0; width: initial; margin: 0 0; } } .css-1o8f4x6 { border-width: 0; height: 2px; background-color: #FFF; } .css-1o8f4x6::after { display: block; content: ' '; border-bottom: 2px solid rgba(0000.1); } .css-ub98m3 { margin: 0 0 0 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-ub98m3 { margin: 0 auto 0 auto; } } @media (max-width: 767px) { .css-ub98m3 { margin: 0 0 0 0; } } .css-1820k25 { display: flex; align-items: flex-end; height: 64px; background-color: #F4F5F6; } .css-1820k25 css-sp6hf8-separatorWithVerticalOffset { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); margin-bottom: -64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1820k25 { height: 48px; } } @media (max-width: 767px) { .css-1820k25 { height: 32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1820k25 css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -48px; } } @media (max-width: 767px) { .css-1820k25 css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -32px; } } .css-fle27o { display: grid; grid-gap: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-fle27o { grid-gap: 40px; } } @media (max-width: 767px) { .css-fle27o { grid-gap: 40px; } } .css-vxfgki { max-width: 680px; } .css-vxfgki.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-vxfgki { max-width: 680px; } } @media (max-width: 767px) { .css-vxfgki { max-width: 560px; } } .css-17jf0vr { max-width: 720px; } .css-17jf0vr.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-17jf0vr { max-width: 720px; } } @media (max-width: 767px) { .css-17jf0vr { max-width: 600px; } } .css-4avy6r { padding: 48px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-4avy6r { padding: 40px 24px 64px; } } @media (max-width: 767px) { .css-4avy6r { padding: 32px 16px 64px; } } .css-hqi55i-sectionColor { --color-link: #FFF; background-color: #3A57FC; color: #FFF; } @media (min-width: 1280px) { .css-1517rjv { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1517rjv { grid-template-rows: none; grid-template-columns: 1fr; } } @media (max-width: 767px) { .css-1517rjv { grid-template-rows: 1fr; grid-template-columns: none; } } .css-1ck6pnv { padding-left: 0 !important; padding-right: 0 !important; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ck6pnv { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 767px) { .css-1ck6pnv { padding-left: 16px !important; padding-right: 16px !important; } } .css-r3b24n { padding: 48px 40px 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-r3b24n { padding: 48px 24px 48px; } } @media (max-width: 767px) { .css-r3b24n { padding: 48px 16px 48px; } } .css-sxvus1 { padding: 32px 40px 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-sxvus1 { padding: 32px 24px 32px; } } @media (max-width: 767px) { .css-sxvus1 { padding: 32px 16px 32px; } } .css-kuoygf { padding: 32px 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-kuoygf { padding: 32px 24px 0; } } @media (max-width: 767px) { .css-kuoygf { padding: 32px 16px 0; } } .css-781mdt { color: #000000; background-color: #F9E204; } .css-u0cukn { padding: 0 40px 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-u0cukn { padding: 0 24px 32px; } } @media (max-width: 767px) { .css-u0cukn { padding: 0 16px 32px; } } .css-togzwj { padding: 48px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-togzwj { padding: 40px 24px 64px; } } @media (max-width: 767px) { .css-togzwj { padding: 40px 16px 48px; } } .css-1o7a0kg { display: grid; grid-gap: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1o7a0kg { grid-gap: 40px; } } @media (max-width: 767px) { .css-1o7a0kg { grid-gap: 40px; } } @media (min-width: 1280px) { .css-pkhh0j { grid-template-rows: none; grid-template-columns: 2fr 3fr 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-pkhh0j { grid-template-rows: none; grid-template-columns: 2fr 3fr 1fr; } } @media (max-width: 767px) { .css-pkhh0j { grid-template-rows: auto; grid-template-columns: none; } } .css-1slzm { padding: 64px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1slzm { padding: 64px 24px 48px; } } @media (max-width: 767px) { .css-1slzm { padding: 48px 16px 48px; } } .css-1g51eni { cursor: pointer; color: #FFB528; } .css-1g51eni:hover { color: #FF8D00; } .css-1g51eni:hover .css-k54ezc-icon { color: #FF8D00; } .css-ehdq1f * { border-color: #FFB528 !important; } .css-ehdq1f:hover * { border-color: #FF8D00 !important; } .css-1kkd0gk * { color: #FFB528 !important; } .css-1kkd0gk:hover * { color: #FF8D00 !important; } .css-hwlayu { padding: 48px 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-hwlayu { padding: 40px 24px 0; } } @media (max-width: 767px) { .css-hwlayu { padding: 40px 16px 48px; } } .css-17e04rn { border-bottom: 2px solid #FFB528; } .css-wumwl0:hover { color: #FFB528; } @media (min-width: 1280px) { .css-m5mp2q { grid-template-rows: none; grid-template-columns: 5fr 4fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-m5mp2q { grid-template-rows: none; grid-template-columns: 5fr 4fr; } } @media (max-width: 767px) { .css-m5mp2q { grid-template-rows: auto; grid-template-columns: none; } } @media (min-width: 1280px) { .css-4ody4r { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-4ody4r { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .css-4ody4r { grid-template-rows: auto; grid-template-columns: none; } } .css-cato53 { padding-top: 2px; padding-bottom: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-cato53 { padding-top: 2px; padding-bottom: 0; } } @media (max-width: 767px) { .css-cato53 { padding-top: 2px; padding-bottom: 0; } } .css-h8risy { max-width: 200px; } .css-h8risy.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-h8risy { max-width: 200px; } } @media (max-width: 767px) { .css-h8risy { max-width: 200px; } } .css-1sylwce { letter-spacing: -0.1rem; } @media (min-width: 768px) and (max-width: 1279px) { .css-1sylwce { letter-spacing: -0.1rem; } } @media (max-width: 767px) { .css-1sylwce { letter-spacing: -0.1rem; } } .css-uzcfj4 { font-family: "Ahrefs"sans-serif; font-size: 64px; line-height: 64px; } html[lang="ja"] .css-uzcfj4 { font-family: "Ahrefs""Zen"sans-serif; font-size: 64px; line-height: 64px; } html[lang="ko"] .css-uzcfj4 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 64px; line-height: 64px; } .css-1lozt5d { border-width: 0; height: 1px; background-color: #1e1e1e; } .css-1lozt5d::after { display: block; content: ' '; border-bottom: 1px solid rgba(2552552550.3); } .css-h812ai { align-items: end; } @media (min-width: 1280px) { .css-wicmpn { grid-template-rows: none; grid-template-columns: 720px auto; } } @media (min-width: 768px) and (max-width: 1279px) { .css-wicmpn { grid-template-rows: auto auto; grid-template-columns: none; } } @media (max-width: 767px) { .css-wicmpn { grid-template-rows: auto auto; grid-template-columns: none; } } .css-1bpaqkb { display: grid; grid-gap: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1bpaqkb { grid-gap: 32px; } } @media (max-width: 767px) { .css-1bpaqkb { grid-gap: 0; } } .css-1vfbzle { max-width: 720px; } .css-1vfbzle.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1vfbzle { max-width: 540px; } } @media (max-width: 767px) { .css-1vfbzle { max-width: 520px; } } .css-nv7d2l { max-width: 600px; } .css-nv7d2l.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-nv7d2l { max-width: 480px; } } @media (max-width: 767px) { .css-nv7d2l { max-width: 480px; } } .css-1bl7xaa-imageBorder-RoundedTopOnly { border-radius: 12px 12px 0px 0px; } .css-1fqcula-image { display: block; object-fit: contain; width: 1080px; height: 258px; aspect-ratio: 1080 / 258; } @media (min-width: 768px) and (max-width: 1279px) { .css-1fqcula-image { width: 720px; height: 172px; object-fit: contain; aspect-ratio: 720 / 172; } } @media (max-width: 767px) { .css-1fqcula-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 720 / 172; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1fqcula-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 258; } } .css-1ohaz77 { padding: 32px 40px 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ohaz77 { padding: 32px 24px 32px; } } @media (max-width: 767px) { .css-1ohaz77 { padding: 16px 16px 8px; } } .css-1s5w7ax-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 371; } @media (min-width: 768px) and (max-width: 1279px) { .css-1s5w7ax-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 371; } } @media (max-width: 767px) { .css-1s5w7ax-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 371; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1s5w7ax-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 371; } } .css-ub4qit-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 360 / 163; } @media (min-width: 768px) and (max-width: 1279px) { .css-ub4qit-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 360 / 163; } } @media (max-width: 767px) { .css-ub4qit-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 360 / 163; } } @media (min-width: 768px) and (max-width: 1279px) { .css-ub4qit-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 360 / 163; } } .css-1wrdg24-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 12 / 5; } @media (min-width: 768px) and (max-width: 1279px) { .css-1wrdg24-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 12 / 5; } } @media (max-width: 767px) { .css-1wrdg24-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 12 / 5; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1wrdg24-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 12 / 5; } } .css-l2gy1j-imageSrcSetter { } @media (max-width: 768px) { .css-l2gy1j-imageSrcSetter { content: url(/assets/esbuild/4_Backlinks_traffic-65KEMDGO.png); } } @media (min-width: 768px) { .css-l2gy1j-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-enehul-imageSrcSetter { } @media (max-width: 768px) { .css-enehul-imageSrcSetter { content: url(/assets/esbuild/4_Ref._domains_traffic-ZN2X2VWT.png); } } @media (min-width: 768px) { .css-enehul-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-ugpft7-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 509; } @media (min-width: 768px) and (max-width: 1279px) { .css-ugpft7-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 509; } } @media (max-width: 767px) { .css-ugpft7-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 509; } } @media (min-width: 768px) and (max-width: 1279px) { .css-ugpft7-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 509; } } .css-d6cdun-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 503; } @media (min-width: 768px) and (max-width: 1279px) { .css-d6cdun-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 503; } } @media (max-width: 767px) { .css-d6cdun-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 503; } } @media (min-width: 768px) and (max-width: 1279px) { .css-d6cdun-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 503; } } .css-q13fjk-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 618; } @media (min-width: 768px) and (max-width: 1279px) { .css-q13fjk-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 618; } } @media (max-width: 767px) { .css-q13fjk-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 618; } } @media (min-width: 768px) and (max-width: 1279px) { .css-q13fjk-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 618; } } .css-zbrr3r-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 576; } @media (min-width: 768px) and (max-width: 1279px) { .css-zbrr3r-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 576; } } @media (max-width: 767px) { .css-zbrr3r-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 576; } } @media (min-width: 768px) and (max-width: 1279px) { .css-zbrr3r-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 576; } } .css-1yz4zwj-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 360 / 187; } @media (min-width: 768px) and (max-width: 1279px) { .css-1yz4zwj-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 360 / 187; } } @media (max-width: 767px) { .css-1yz4zwj-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 360 / 187; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1yz4zwj-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 360 / 187; } } .css-3hmumc-imageSrcSetter { } @media (max-width: 768px) { .css-3hmumc-imageSrcSetter { content: url(/assets/esbuild/9_Broken_links-6BURE4QO.png); } } @media (min-width: 768px) { .css-3hmumc-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-trf813-imageSrcSetter { } @media (max-width: 768px) { .css-trf813-imageSrcSetter { content: url(/assets/esbuild/9_Anchors-YCEFRORK.png); } } @media (min-width: 768px) { .css-trf813-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-wm53sv { padding: 0 40px; width: initial; margin: 0 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-wm53sv { padding: 0 0; width: 720px; margin: 0 auto; } } @media (max-width: 767px) { .css-wm53sv { padding: 0 0; width: initial; margin: 0 0; } } .css-16xb92t { padding: 64px 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-16xb92t { padding: 48px 24px 0; } } @media (max-width: 767px) { .css-16xb92t { padding: 40px 16px 0; } } .css-zrol33 { max-width: 1200px; } .css-zrol33.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-zrol33 { max-width: 1200px; } } @media (max-width: 767px) { .css-zrol33 { max-width: 720px; } } .css-1ol0pzh { max-width: 1200px; } .css-1ol0pzh.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ol0pzh { max-width: 1200px; } } @media (max-width: 767px) { .css-1ol0pzh { max-width: 1080px; } } @media (min-width: 1280px) { .css-18cmmzz { grid-template-rows: none; grid-template-columns: auto auto; } } @media (min-width: 768px) and (max-width: 1279px) { .css-18cmmzz { grid-template-rows: none; grid-template-columns: auto auto; } } @media (max-width: 767px) { .css-18cmmzz { grid-template-rows: auto auto; grid-template-columns: none; } } .css-3hdr6t { justify-content: space-between; } @media (min-width: 768px) and (max-width: 1279px) { .css-3hdr6t { justify-content: space-between; } } @media (max-width: 767px) { .css-3hdr6t { justify-content: initial; } } .css-j680tp { background-color: rgba(2552552550.2); box-shadow: none; } .css-j680tp:after { background-color: rgba(2552552550.3); } .css-j680tp:focus { outline-: none; box-shadow: none; } .css-c4ilhg { position: relative; background-color: rgba(2552552550.3); } .css-c4ilhg:after { background-color: #FFF; } .css-c4ilhg:hover { background-color: rgba(2552552550.3); } .css-t4ddyq-inputInvisible:focus + .css-c4ilhg { background-color: rgba(2552552550.2); box-shadow: 0 0 0 2px #FF8D00; outline-: none; } .css-t4ddyq-inputInvisible:focus + .css-c4ilhg:hover { background-color: rgba(2552552550.3); } .css-t4ddyq-inputInvisible:focus + .css-c4ilhg.css-17c97xu-inputViewChecked { background-color: #FF8D00; box-shadow: 0 0 0 2px #FFE7CD; } .css-t4ddyq-inputInvisible:focus + .css-c4ilhg.css-17c97xu-inputViewChecked:hover { background-color: #FF7524; } .css-c4ilhg.css-17c97xu-inputViewChecked { background-color: #FF8D00; } .css-c4ilhg.css-17c97xu-inputViewChecked:hover { background-color: #FF7524; } @media (min-width: 1280px) { .css-qcapd3 { padding: 0px; } } .css-1kulm0 { max-width: 300px; } .css-1kulm0.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1kulm0 { max-width: 300px; } } @media (max-width: 767px) { .css-1kulm0 { max-width: 300px; } } .css-13vv3u7 { position: relative; cursor: pointer; display: flex; align-items: center; gap: 8px; } .css-13vv3u7:hover span { color: #FF8D00; } .css-13vv3u7:hover svg path { fill: #FF8D00; } .css-5uyqgf { fill: #3A57FC; } .css-1dziuyf-boxGap { margin-left: 4px; } .css-1jfvg9w { align-items: flex-start; } .css-27oamz-inlineRowGap { margin-left: -4px; } .css-11u9o7q { fill: rgba(0000.4); } .css-11s80md { background-color: rgba(0000.05); } .css-147f87h { padding-left: 96px; padding-right: 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-147f87h { padding-left: 32px; padding-right: 32px; } } @media (max-width: 767px) { .css-147f87h { padding-left: 16px; padding-right: 16px; } } .css-1hbgapw { padding: 40px 40px 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1hbgapw { padding: 32px 24px 40px; } } @media (max-width: 767px) { .css-1hbgapw { padding: 24px 16px 32px; } } @keyframes animation-g51fd2 { 0% { top: -10vh; } 15% { top: 35vh; } 50% { top: -100vh; } 100% { top: -10vh; } } .css-11qh9ol-orangeGradientAnimation { -webkit-animation: animation-g51fd2 41s ease-in 0ms infinite normal none runninganimation-ovhcia 29s linear 0ms infinite normal none running; animation: animation-g51fd2 41s ease-in 0ms infinite normal none runninganimation-ovhcia 29s linear 0ms infinite normal none running; } .css-gj4auc { height: 140vh; width: 115vh; left: -40vh; opacity: 0.5; position: absolute; } @keyframes animation-hcbe4v { 0% { top: -100vh; } 50% { top: 0vh; } 100% { top: -100vh; } } .css-m445qc-blueGradientAnimation { -webkit-animation: animation-hcbe4v 24s ease-in-out 0ms infinite normal none runninganimation-e0kh7t 34s ease-in-out 0ms infinite normal none runninganimation-ovhcia 34s linear 0ms infinite normal none running; animation: animation-hcbe4v 24s ease-in-out 0ms infinite normal none runninganimation-e0kh7t 34s ease-in-out 0ms infinite normal none runninganimation-ovhcia 34s linear 0ms infinite normal none running; } .css-mh3xni { opacity: 0.7; height: 140vh; width: 115vh; position: absolute; } @media (min-width: 1280px) { .css-1toa1sq { grid-template-rows: none; grid-template-columns: 2fr 2fr 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1toa1sq { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .css-1toa1sq { grid-template-rows: 1fr; grid-template-columns: none; } } .css-1motcyx { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1motcyx { grid-gap: 40px; } } @media (max-width: 767px) { .css-1motcyx { grid-gap: 24px; } } .css-hz1zk9-boxGap { margin-left: 24px; } .css-17f2quq-inlineRowGap { margin-left: -24px; } .css-nqnqcp { position: relative; cursor: pointer; display: flex; align-items: center; gap: 8px; } .css-nqnqcp:hover span { color: #FFB528; } .css-nqnqcp:hover svg path { fill: #FFB528; } .css-sqa167 { fill: rgba(2552552550.7); } .css-gu2gm3 { fill: rgba(2552552550.5); } .css-bx2mwg { padding-left: 0; padding-right: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-bx2mwg { padding-left: 24px; padding-right: 24px; } } @media (max-width: 767px) { .css-bx2mwg { padding-left: 0; padding-right: 0; } } @media (min-width: 1280px) { .css-1iz71fq { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1iz71fq { grid-template-rows: 1fr 1fr; grid-template-columns: none; } } @media (max-width: 767px) { .css-1iz71fq { grid-template-rows: 1fr auto; grid-template-columns: none; } } .css-x3977y { align-content: flex-start; } @media (min-width: 768px) and (max-width: 1279px) { .css-x3977y { align-content: flex-end; } } @media (max-width: 767px) { .css-x3977y { align-content: flex-end; } } .css-18yhwj9-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 612; } @media (min-width: 768px) and (max-width: 1279px) { .css-18yhwj9-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 612; } } @media (max-width: 767px) { .css-18yhwj9-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 612; } } @media (min-width: 768px) and (max-width: 1279px) { .css-18yhwj9-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 612; } } @media (min-width: 1280px) { .css-rzuwkd { gap: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1djjlh2 { gap: 24px; } } @media (max-width: 767px) { .css-bc104d { gap: 24px; } } .css-1oatuvl { grid-template-columns: 1fr 1fr; } @media (min-width: 768px) and (max-width: 1279px) { .css-1oatuvl { grid-template-columns: 1fr; } } @media (max-width: 767px) { .css-1oatuvl { grid-template-columns: 1fr; } } .css-1kt7gng { height: 100%; } @media (min-width: 768px) and (max-width: 1279px) { .css-1kt7gng { height: 100%; } } @media (max-width: 767px) { .css-1kt7gng { height: auto; } } .css-1ms51fo { padding: 24px 40px 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ms51fo { padding: 24px 24px 32px; } } @media (max-width: 767px) { .css-1ms51fo { padding: 24px 16px 32px; } } .css-1v1lh5x { align-content: space-between; } @media (min-width: 768px) and (max-width: 1279px) { .css-1v1lh5x { align-content: space-between; } } @media (max-width: 767px) { .css-1v1lh5x { align-content: initial; } } .css-bhmehn { display: grid; grid-gap: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-bhmehn { grid-gap: 24px; } } @media (max-width: 767px) { .css-bhmehn { grid-gap: 12px; } } .css-iwmuvd { align-content: flex-end; } @media (min-width: 768px) and (max-width: 1279px) { .css-iwmuvd { align-content: flex-end; } } @media (max-width: 767px) { .css-iwmuvd { align-content: flex-end; } } @media (min-width: 1280px) { .css-1frmelm { grid-template-rows: none; grid-template-columns: 1fr auto; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1frmelm { grid-template-rows: none; grid-template-columns: 1fr auto; } } @media (max-width: 767px) { .css-1frmelm { grid-template-rows: 1fr auto; grid-template-columns: none; } } .css-1tirj2r { display: grid; grid-gap: 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1tirj2r { grid-gap: 16px; } } @media (max-width: 767px) { .css-1tirj2r { grid-gap: 4px; } } .css-eggeti { padding: 8px 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-eggeti { padding: 0 24px 0; } } @media (max-width: 767px) { .css-eggeti { padding: 0 16px 0; } } .css-1dskhfg { display: grid; grid-gap: 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1dskhfg { grid-gap: 16px; } } @media (max-width: 767px) { .css-1dskhfg { grid-gap: 12px; } } .css-dkoi0x { display: grid; grid-gap: 8px; } @media (min-width: 768px) and (max-width: 1279px) { .css-dkoi0x { grid-gap: 0; } } @media (max-width: 767px) { .css-dkoi0x { grid-gap: 0; } } .css-qmuz6i { padding-left: 0px; } @media (min-width: 768px) and (max-width: 1279px) { .css-qmuz6i { padding-left: 0; } } @media (max-width: 767px) { .css-qmuz6i { padding-left: 0; } } .css-byoqvm { fill: rgba(0000.65); } .css-1cl3ytl-textDisplay { display: contents; } .css-17ivn46 { fill: #000000; } .css-s8v0s5 { padding-left: 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-s8v0s5 { padding-left: 0; } } @media (max-width: 767px) { .css-s8v0s5 { padding-left: 0; } } @media (min-width: 1280px) { .css-v5180s { padding: 8px 0px 0px 0px; } } .css-1vikjm3 { padding: 96px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1vikjm3 { padding: 64px 24px 64px; } } @media (max-width: 767px) { .css-1vikjm3 { padding: 48px 16px 64px; } } .css-j07pl0 { max-width: 1080px; } .css-j07pl0.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-j07pl0 { max-width: 1080px; } } @media (max-width: 767px) { .css-j07pl0 { max-width: 768px; } } .css-1kv4bc7 { padding: 16px 0; border-bottom: 1px solid rgba(2552552550.5); } .css-1kv4bc7:last-child { padding-bottom: 0; border-bottom-width: 0; } .css-jlzk78 { margin: 0; padding: 0; list--type: none; } @media (max-width: 1279px) { .css-jlzk78:first-child { padding-bottom: 16px; border-bottom: 1px solid rgba(2552552550.5); } } .css-1rir80e { margin: 0 auto 0 auto; } @media (min-width: 768px) and (max-width: 1279px) { .css-1rir80e { margin: 0 auto 0 auto; } } @media (max-width: 767px) { .css-1rir80e { margin: 0 0 0 0; } } .css-1s1awtw { color: rgba(2552552550.7); } .css-1s1awtw a { color: #FFF; } .css-9d1w3q { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 18px; height: 19px; background-image: url(/assets/esbuild/plus-white-EDIDGBQ3.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-9d1w3q { background-image: url(/assets/esbuild/plus-white-EDIDGBQ3.svg); width: 18px; height: 19px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-9d1w3q { background-image: url(/assets/esbuild/plus-white-EDIDGBQ3.svg); width: 18px; height: 19px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-9d1w3q.css-ie28gn-iconHideOnMobile { display: none; } } .css-1bj0t1i { margin: 0 0 0 auto; } @media (min-width: 768px) and (max-width: 1279px) { .css-1bj0t1i { margin: 0 0 0 auto; } } @media (max-width: 767px) { .css-1bj0t1i { margin: 0 0 0 0; } } .css-h8ys9v { max-width: 480px; } .css-h8ys9v.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-h8ys9v { max-width: 720px; } } @media (max-width: 767px) { .css-h8ys9v { max-width: 720px; } } .css-l1af1f { display: grid; grid-gap: 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-l1af1f { grid-gap: 32px; } } @media (max-width: 767px) { .css-l1af1f { grid-gap: 8px; } } .css-8iywmn { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 84px; height: 84px; background-image: url(/assets/esbuild/email-with-questionmark-3Z6ILEQS.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-8iywmn { background-image: url(/assets/esbuild/email-with-questionmark-3Z6ILEQS.svg); width: 84px; height: 84px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-8iywmn { background-image: url(/assets/esbuild/email-with-questionmark-3Z6ILEQS.svg); width: 84px; height: 84px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-8iywmn.css-ie28gn-iconHideOnMobile { display: none; } } .css-15g5iqw { display: flex; align-items: flex-end; height: 64px; background-color: #3A57FC; } .css-15g5iqw css-sp6hf8-separatorWithVerticalOffset { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); margin-bottom: -64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-15g5iqw { height: 48px; } } @media (max-width: 767px) { .css-15g5iqw { height: 32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-15g5iqw css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -48px; } } @media (max-width: 767px) { .css-15g5iqw css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -32px; } } .css-1rgmlk7 { background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .css-1rgmlk7 { background-image: url(/assets/esbuild/language-ja-BD2HXHCF.svg); } } .css-s5zscz { background-image: url(/assets/esbuild/language-ja-BD2HXHCF.svg); } @media (min-width: 768px) and (max-width: 1279px) { .css-s5zscz { background-image: url(/assets/esbuild/language-ja-BD2HXHCF.svg); } } .css-1ofl8g4 { width: 55px; height: 19px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ofl8g4 { width: 55px; height: 19px; } } @media (max-width: 767px) { .css-1ofl8g4 { width: 55px; height: 19px; } } @media (min-width: 1280px) { .css-5dd8ec { grid-template-rows: auto; grid-template-columns: none; } } @media (min-width: 768px) and (max-width: 1279px) { .css-5dd8ec { grid-template-rows: none; grid-template-columns: 1fr; } } @media (max-width: 767px) { .css-5dd8ec { grid-template-rows: auto; grid-template-columns: none; } } @media (min-width: 1280px) { .css-9oxhr7 { grid-row-start: 1; grid-row-end: 3; } } @media (min-width: 768px) and (max-width: 1279px) { .css-rgojjq { grid-row-start: 1; grid-row-end: 3; } } @media (max-width: 767px) { .css-sk0akk { grid-row-start: 1; grid-row-end: 3; } } .css-3woiin { padding: 64px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-3woiin { padding: 48px 24px 64px; } } @media (max-width: 767px) { .css-3woiin { padding: 48px 16px 48px; } } .css-wmxa39 { display: grid; grid-gap: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-wmxa39 { grid-gap: 48px; } } @media (max-width: 767px) { .css-wmxa39 { grid-gap: 40px; } } .css-fkmndd { display: grid; grid-gap: 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-fkmndd { grid-gap: 48px; } } @media (max-width: 767px) { .css-fkmndd { grid-gap: 24px; } } .css-tddue0 { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 64px; height: 64px; background-image: url(/assets/esbuild/star-icon-EX4MAK2B.svg); -webkit-transform: translate(-10px0px); -moz-transform: translate(-10px0px); -ms-transform: translate(-10px0px); transform: translate(-10px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-tddue0 { background-image: url(/assets/esbuild/star-icon-EX4MAK2B.svg); width: 48px; height: 48px; -webkit-transform: translate(-16px0px); -moz-transform: translate(-16px0px); -ms-transform: translate(-16px0px); transform: translate(-16px0px); } } @media (max-width: 767px) { .css-tddue0 { background-image: url(/assets/esbuild/star-icon-EX4MAK2B.svg); width: 32px; height: 32px; -webkit-transform: translate(-10px-3px); -moz-transform: translate(-10px-3px); -ms-transform: translate(-10px-3px); transform: translate(-10px-3px); } } @media (max-width: 767px) { .css-tddue0.css-ie28gn-iconHideOnMobile { display: none; } } .css-107dikv { max-width: 660px; } .css-107dikv.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-107dikv { max-width: 660px; } } @media (max-width: 767px) { .css-107dikv { max-width: 660px; } } .css-59badv-boxVgap { margin-top: 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-59badv-boxVgap { margin-top: 24px; } } @media (max-width: 767px) { .css-59badv-boxVgap { margin-top: 16px; } } .css-o69bsu-boxGap { margin-left: 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-o69bsu-boxGap { margin-left: 16px; } } @media (max-width: 767px) { .css-o69bsu-boxGap { margin-left: 16px; } } .css-xkfe9a-inlineRowVgap { margin-top: -32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-xkfe9a-inlineRowVgap { margin-top: -24px; } } @media (max-width: 767px) { .css-xkfe9a-inlineRowVgap { margin-top: -16px; } } .css-1lbnu81-inlineRowGap { margin-left: -32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1lbnu81-inlineRowGap { margin-left: -16px; } } @media (max-width: 767px) { .css-1lbnu81-inlineRowGap { margin-left: -16px; } } .css-aigf1o { padding: 17px 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-aigf1o { padding: 13px 24px; } } @media (max-width: 767px) { .css-aigf1o { padding: 13px 24px; } } .css-vngql2 { gap: 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-vngql2 { gap: 12px; } } @media (max-width: 767px) { .css-vngql2 { gap: 12px; } } .css-8a4a53 { font-family: "Ahrefs"sans-serif; font-size: 32px; line-height: 34px; } html[lang="ja"] .css-8a4a53 { font-family: "Ahrefs""Zen"sans-serif; font-size: 32px; line-height: 34px; } html[lang="ko"] .css-8a4a53 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 32px; line-height: 34px; } @media (min-width: 768px) and (max-width: 1279px) { .css-8a4a53 { font-size: 24px; line-height: 26px; } } @media (max-width: 767px) { .css-8a4a53 { font-size: 24px; line-height: 26px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-8a4a53 { font-size: 24px; line-height: 26px; } } @media (max-width: 767px) { html[lang="ja"] .css-8a4a53 { font-size: 24px; line-height: 26px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-8a4a53 { font-size: 24px; line-height: 26px; } } @media (max-width: 767px) { html[lang="ko"] .css-8a4a53 { font-size: 24px; line-height: 26px; } } .css-yswa01 { max-width: 340px; } .css-yswa01.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-yswa01 { max-width: 240px; } } @media (max-width: 767px) { .css-yswa01 { max-width: 340px; } } @media (min-width: 1280px) { .css-shhec5 { padding: 24px 0px; } } .css-wtpnzt { border-radius: 4px; } .css-12ury4f { color: #FFF; background-color: rgba(0000.15); border-color: transparent; -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); } .css-12ury4f svg path { fill: #FFF; } .css-12ury4f:hover { color: #FFF; background-color: #FF8D00; opacity: 1; outline-: none; } .css-12ury4f:focus { outline: 3px solid #FF8D00; } .css-12ury4f:active { background-color: #F75A03; outline-: none; } .css-12ury4f:disabled { color: rgba(2552552550.5); } .css-12ury4f:disabled svg path { fill: rgba(2552552550.5); } .css-12ury4f.css-1i68zhj-buttonLoading { background-image: linear-gradient(45degrgba(0000.15) 25%transparent 0%transparent 50%rgba(0000.15) 0%rgba(0000.15) 75%transparent 0%transparent 100%); } .css-1v4sugm { padding: 0 40px 56px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1v4sugm { padding: 0 24px 32px; } } @media (max-width: 767px) { .css-1v4sugm { padding: 0 16px 32px; } } .css-q1l7gw { padding: 32px 40px 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-q1l7gw { padding: 24px 24px 32px; } } @media (max-width: 767px) { .css-q1l7gw { padding: 24px 16px 32px; } } .css-11npbuv { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-11npbuv.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-1mqidev-image { display: block; object-fit: contain; width: 99px; height: 42px; aspect-ratio: 99 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-1mqidev-image { width: 99px; height: 42px; object-fit: contain; aspect-ratio: 99 / 42; } } @media (max-width: 767px) { .css-1mqidev-image { width: 75px; height: 36px; object-fit: initial; aspect-ratio: 75 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1mqidev-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 99 / 42; } } .css-1wj551w { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-1wj551w.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 100ms; animation-delay: 100ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-17slktg-image { display: block; object-fit: contain; width: 66px; height: 42px; aspect-ratio: 66 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-17slktg-image { width: 66px; height: 42px; object-fit: contain; aspect-ratio: 66 / 42; } } @media (max-width: 767px) { .css-17slktg-image { width: 57px; height: 36px; object-fit: initial; aspect-ratio: 57 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-17slktg-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 66 / 42; } } .css-1bordde { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-1bordde.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-1v6c6wl-image { display: block; object-fit: contain; width: 59px; height: 42px; aspect-ratio: 59 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-1v6c6wl-image { width: 59px; height: 42px; object-fit: contain; aspect-ratio: 59 / 42; } } @media (max-width: 767px) { .css-1v6c6wl-image { width: 50px; height: 36px; object-fit: initial; aspect-ratio: 50 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1v6c6wl-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 59 / 42; } } .css-2angxu { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-2angxu.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 300ms; animation-delay: 300ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-1uj01oa { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-1uj01oa.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 400ms; animation-delay: 400ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-ilve9c-image { display: block; object-fit: contain; width: 91px; height: 42px; aspect-ratio: 91 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-ilve9c-image { width: 91px; height: 42px; object-fit: contain; aspect-ratio: 91 / 42; } } @media (max-width: 767px) { .css-ilve9c-image { width: 78px; height: 36px; object-fit: initial; aspect-ratio: 78 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-ilve9c-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 91 / 42; } } .css-7t1p8z { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-7t1p8z.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 500ms; animation-delay: 500ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-bemno0-image { display: block; object-fit: contain; width: 187px; height: 42px; aspect-ratio: 187 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-bemno0-image { width: 187px; height: 42px; object-fit: contain; aspect-ratio: 187 / 42; } } @media (max-width: 767px) { .css-bemno0-image { width: 160px; height: 36px; object-fit: initial; aspect-ratio: 160 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-bemno0-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 187 / 42; } } .css-mipqfz { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-mipqfz.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 4000ms; animation-delay: 4000ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-ao32qa-image { display: block; object-fit: contain; width: 109px; height: 42px; aspect-ratio: 109 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-ao32qa-image { width: 109px; height: 42px; object-fit: contain; aspect-ratio: 109 / 42; } } @media (max-width: 767px) { .css-ao32qa-image { width: 93px; height: 36px; object-fit: initial; aspect-ratio: 93 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-ao32qa-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 109 / 42; } } .css-1d7tots { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-1d7tots.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 4100ms; animation-delay: 4100ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-13qf38-image { display: block; object-fit: contain; width: 54px; height: 42px; aspect-ratio: 54 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-13qf38-image { width: 54px; height: 42px; object-fit: contain; aspect-ratio: 54 / 42; } } @media (max-width: 767px) { .css-13qf38-image { width: 46px; height: 36px; object-fit: initial; aspect-ratio: 46 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-13qf38-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 54 / 42; } } .css-zx55zf { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-zx55zf.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 4200ms; animation-delay: 4200ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-13gdvjw { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-13gdvjw.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 4300ms; animation-delay: 4300ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-4w6oic-image { display: block; object-fit: contain; width: 104px; height: 42px; aspect-ratio: 104 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-4w6oic-image { width: 104px; height: 42px; object-fit: contain; aspect-ratio: 104 / 42; } } @media (max-width: 767px) { .css-4w6oic-image { width: 89px; height: 36px; object-fit: initial; aspect-ratio: 89 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-4w6oic-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 104 / 42; } } .css-blvqb { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-blvqb.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 4400ms; animation-delay: 4400ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-yvst2r-image { display: block; object-fit: contain; width: 130px; height: 42px; aspect-ratio: 130 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-yvst2r-image { width: 130px; height: 42px; object-fit: contain; aspect-ratio: 130 / 42; } } @media (max-width: 767px) { .css-yvst2r-image { width: 111px; height: 36px; object-fit: initial; aspect-ratio: 111 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-yvst2r-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 130 / 42; } } .css-uiy02w { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-uiy02w.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 4500ms; animation-delay: 4500ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-11ertma-image { display: block; object-fit: contain; width: 84px; height: 42px; aspect-ratio: 84 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-11ertma-image { width: 84px; height: 42px; object-fit: contain; aspect-ratio: 84 / 42; } } @media (max-width: 767px) { .css-11ertma-image { width: 72px; height: 36px; object-fit: initial; aspect-ratio: 72 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-11ertma-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 84 / 42; } } .css-gat3an { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-gat3an.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 8000ms; animation-delay: 8000ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-rwuhh3-image { display: block; object-fit: contain; width: 107px; height: 42px; aspect-ratio: 107 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-rwuhh3-image { width: 107px; height: 42px; object-fit: contain; aspect-ratio: 107 / 42; } } @media (max-width: 767px) { .css-rwuhh3-image { width: 92px; height: 36px; object-fit: initial; aspect-ratio: 92 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-rwuhh3-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 107 / 42; } } .css-ach8oh { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-ach8oh.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 8100ms; animation-delay: 8100ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-1fjp1zw-image { display: block; object-fit: contain; width: 172px; height: 42px; aspect-ratio: 172 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-1fjp1zw-image { width: 172px; height: 42px; object-fit: contain; aspect-ratio: 172 / 42; } } @media (max-width: 767px) { .css-1fjp1zw-image { width: 147px; height: 36px; object-fit: initial; aspect-ratio: 147 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1fjp1zw-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 172 / 42; } } .css-1cps2e8 { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-1cps2e8.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 8200ms; animation-delay: 8200ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-djxopi-image { display: block; object-fit: contain; width: 90px; height: 42px; aspect-ratio: 90 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-djxopi-image { width: 90px; height: 42px; object-fit: contain; aspect-ratio: 90 / 42; } } @media (max-width: 767px) { .css-djxopi-image { width: 77px; height: 36px; object-fit: initial; aspect-ratio: 77 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-djxopi-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 90 / 42; } } .css-1pl031x { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-1pl031x.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 8300ms; animation-delay: 8300ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-vaee5q-image { display: block; object-fit: contain; width: 110px; height: 42px; aspect-ratio: 110 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-vaee5q-image { width: 110px; height: 42px; object-fit: contain; aspect-ratio: 110 / 42; } } @media (max-width: 767px) { .css-vaee5q-image { width: 94px; height: 36px; object-fit: initial; aspect-ratio: 94 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-vaee5q-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 110 / 42; } } .css-10nca3t { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-10nca3t.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 8400ms; animation-delay: 8400ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-cz0b81 { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-cz0b81.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 12000ms; animation-delay: 12000ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-qv0op-image { display: block; object-fit: contain; width: 151px; height: 42px; aspect-ratio: 151 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-qv0op-image { width: 151px; height: 42px; object-fit: contain; aspect-ratio: 151 / 42; } } @media (max-width: 767px) { .css-qv0op-image { width: 129px; height: 36px; object-fit: initial; aspect-ratio: 129 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-qv0op-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 151 / 42; } } .css-ti1jwt { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-ti1jwt.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 12100ms; animation-delay: 12100ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-c3a7rg-image { display: block; object-fit: contain; width: 58px; height: 42px; aspect-ratio: 58 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-c3a7rg-image { width: 58px; height: 42px; object-fit: contain; aspect-ratio: 58 / 42; } } @media (max-width: 767px) { .css-c3a7rg-image { width: 50px; height: 36px; object-fit: initial; aspect-ratio: 50 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-c3a7rg-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 58 / 42; } } .css-rlfssy { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-rlfssy.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 12200ms; animation-delay: 12200ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-3wt50v-image { display: block; object-fit: contain; width: 71px; height: 42px; aspect-ratio: 71 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-3wt50v-image { width: 71px; height: 42px; object-fit: contain; aspect-ratio: 71 / 42; } } @media (max-width: 767px) { .css-3wt50v-image { width: 61px; height: 36px; object-fit: initial; aspect-ratio: 61 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-3wt50v-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 71 / 42; } } .css-19v1ssa { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-19v1ssa.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 12300ms; animation-delay: 12300ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-tw0lgu-image { display: block; object-fit: contain; width: 123px; height: 42px; aspect-ratio: 123 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-tw0lgu-image { width: 123px; height: 42px; object-fit: contain; aspect-ratio: 123 / 42; } } @media (max-width: 767px) { .css-tw0lgu-image { width: 105px; height: 36px; object-fit: initial; aspect-ratio: 105 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-tw0lgu-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 123 / 42; } } .css-14ikff9 { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-14ikff9.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 12400ms; animation-delay: 12400ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .css-igak56-image { display: block; object-fit: contain; width: 96px; height: 42px; aspect-ratio: 96 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-igak56-image { width: 96px; height: 42px; object-fit: contain; aspect-ratio: 96 / 42; } } @media (max-width: 767px) { .css-igak56-image { width: 82px; height: 36px; object-fit: initial; aspect-ratio: 82 / 36; } } @media (min-width: 768px) and (max-width: 1279px) { .css-igak56-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 96 / 42; } } .css-94y6ma { -webkit-transform: translateY(44px); -moz-transform: translateY(44px); -ms-transform: translateY(44px); transform: translateY(44px); } body[data-fonts-loaded] .css-94y6ma.css-1xw9klg-animationBoxVisible { -webkit-animation-name: animation-u8ln8b; animation-name: animation-u8ln8b; -webkit-animation-duration: 16000ms; animation-duration: 16000ms; -webkit-animation-delay: 8500ms; animation-delay: 8500ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media (min-width: 1280px) { .css-nb2jp9 { padding: 96px 0px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1t4mk4w { padding: 64px 0px; } } @media (max-width: 767px) { .css-eybden { padding: 64px 0px; } } .css-1g5blhn { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1g5blhn { grid-gap: 16px; } } @media (max-width: 767px) { .css-1g5blhn { grid-gap: 16px; } } .css-1m25w6b { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1m25w6b { grid-gap: 24px; } } @media (max-width: 767px) { .css-1m25w6b { grid-gap: 24px; } } .css-gwquy3 { max-width: 840px; } .css-gwquy3.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-gwquy3 { max-width: 600px; } } @media (max-width: 767px) { .css-gwquy3 { max-width: 600px; } } .css-k3i7vr { -webkit-transform: translateX(calc(calc(50% - 311px) - 0px)); -moz-transform: translateX(calc(calc(50% - 311px) - 0px)); -ms-transform: translateX(calc(calc(50% - 311px) - 0px)); transform: translateX(calc(calc(50% - 311px) - 0px)); transition: transform 350ms ease 0ms normal; } .css-rrm59m { visibility: visible; } .css-1uf6irq-height { height: 700px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1uf6irq-height { height: 520px; } } @media (max-width: 767px) { .css-1uf6irq-height { height: 520px; } } .css-ah6qm7 { background-image: url(/assets/esbuild/landing-carousel-bg-JH7TZO3P.svg); background-size: cover; background-position: center; } .css-1q8pamz { width: 2px; flex-shrink: 0; background-color: rgba(0000.1); } .css-4ueh92 { height: auto; overflow: hidden; transition: height 300ms ease 0ms normal; } .css-1x4igx { padding-top: 0; padding-bottom: 0; } .css-1wnxqgb { transition: transform 10000ms linear 0ms normal; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .css-1xsyszc { width: 2px; flex-shrink: 0; background-color: rgba(0000.1); position: relative; } @media (min-width: 1280px) { .css-4395x5 { padding: 8px 0px 0px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-103hung { padding: 8px 0px 0px; } } @media (max-width: 767px) { .css-vkjl83 { padding: 8px 0px 0px; } } .css-1qtvl7n { color: rgba(0000.65); } .css-1qtvl7n:hover { color: #FF8D00; } .css-mz9qt7 { padding-top: 4px; padding-bottom: 4px; } .css-ekyaua { padding-top: 4px; padding-bottom: 0; } .css-1hpq6ku:hover { color: #FFF; background-color: #FF8D00; } .css-1hpq6ku:focus-visible:hover { color: #FFF; background-color: #FF8D00; } .css-cun7e0:focus-visible { background-color: rgba(0000.15); outline: 3px solid #FF8D00; } .css-cun7e0:focus-visible:hover { outline: none; } .css-vldkxt { width: 56px; height: 56px; } .css-15tq0gp { color: #FFF; background-color: rgba(0000.15); -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); } .css-1ctt4d0 { width: 16px; height: 16px; border-radius: 50%; background-color: #FFF; cursor: pointer; transition: width 200ms ease 0ms normalheight 200ms ease 0ms normalbackground-color 200ms ease 0ms normal; } .css-leau9k { width: 8px; height: 8px; border-radius: 50%; background-color: rgba(2552552550.5); cursor: pointer; transition: width 200ms ease 0ms normalheight 200ms ease 0ms normalbackground-color 200ms ease 0ms normal; } .css-htjzuy { background-color: transparent; color: #000000; border-color: rgba(0000.2); } .css-htjzuy svg path { fill: #000000; } .css-htjzuy:focus { outline-: none; border-color: #FF7524; } .css-htjzuy:hover { color: #F75A03; border-color: #F75A03; } .css-htjzuy:hover svg path { fill: #F75A03; } .css-htjzuy:active { color: #FF7524; border-color: #FF7524; } .css-htjzuy:active svg path { fill: #FF7524; } .css-htjzuy:disabled { color: rgba(0000.4); border-color: rgba(0000.1); } .css-htjzuy:disabled svg path { fill: rgba(0000.4); } .css-htjzuy.css-1i68zhj-buttonLoading { background-image: linear-gradient(45degrgba(0000.15) 25%transparent 0%transparent 50%rgba(0000.15) 0%rgba(0000.15) 75%transparent 0%transparent 100%); } .css-rqgsqp { position: relative; z-index: 1; } .css-1vjod6q-image { display: block; object-fit: cover; width: 100%; height: auto; aspect-ratio: 1920 / 383; } @media (min-width: 768px) and (max-width: 1279px) { .css-1vjod6q-image { width: 1920px; height: 383px; object-fit: cover; aspect-ratio: 1920 / 383; } } @media (max-width: 767px) { .css-1vjod6q-image { width: 1920px; height: 383px; object-fit: cover; aspect-ratio: 1920 / 383; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1vjod6q-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: cover; aspect-ratio: 1920 / 383; } } .css-1ht8h7u { max-width: 1160px; } .css-1ht8h7u.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ht8h7u { max-width: 720px; } } @media (max-width: 767px) { .css-1ht8h7u { max-width: 768px; } } @media (min-width: 1280px) { .css-k930ol { padding: 0px 0px 0px 40px; } } .css-1p2zder { display: grid; grid-gap: 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1p2zder { grid-gap: 16px; } } @media (max-width: 767px) { .css-1p2zder { grid-gap: 16px; } } .css-pniycs { background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .css-pniycs { background-image: url(/assets/esbuild/stars-bottom-AW4YBZVI.svg); } } .css-by4m48 { background-image: url(/assets/esbuild/stars-bottom-AW4YBZVI.svg); } @media (min-width: 768px) and (max-width: 1279px) { .css-by4m48 { background-image: url(/assets/esbuild/stars-bottom-AW4YBZVI.svg); } } .css-lnyvlk { z-index: 2; } .css-1stmnvh-containerPositionLeft { left: -25px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1stmnvh-containerPositionLeft { left: 12px; } } @media (max-width: 767px) { .css-1stmnvh-containerPositionLeft { left: -6px; } } .css-r6vb3m-containerPositionBottom { bottom: 30%; } @media (min-width: 768px) and (max-width: 1279px) { .css-r6vb3m-containerPositionBottom { bottom: 35%; } } @media (max-width: 767px) { .css-r6vb3m-containerPositionBottom { bottom: 6%; } } .css-40iuwb-containerPositionRight { right: unset; } .css-vdjwlq-containerPositionTop { top: unset; } .css-ymhe5i { position: absolute; width: 38px; height: 62px; } @media (min-width: 768px) and (max-width: 1279px) { .css-ymhe5i { width: 38px; height: 62px; } } @media (max-width: 767px) { .css-ymhe5i { width: 20px; height: 33px; } } .css-enfclq { background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .css-enfclq { background-image: url(/assets/esbuild/stars-top-T6FIGXLD.svg); } } .css-1rnw9rw { background-image: url(/assets/esbuild/stars-top-T6FIGXLD.svg); } @media (min-width: 768px) and (max-width: 1279px) { .css-1rnw9rw { background-image: url(/assets/esbuild/stars-top-T6FIGXLD.svg); } } .css-v6ms1z-containerPositionLeft { left: unset; } .css-1rspgwl-containerPositionBottom { bottom: unset; } .css-1k29iu0-containerPositionRight { right: -41px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1k29iu0-containerPositionRight { right: -100%; } } @media (max-width: 767px) { .css-1k29iu0-containerPositionRight { right: 24px; } } .css-1p6zg52-containerPositionTop { top: -20px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1p6zg52-containerPositionTop { top: unset; } } @media (max-width: 767px) { .css-1p6zg52-containerPositionTop { top: 22%; } } .css-1dkrqq4 { position: absolute; width: 49px; height: 61px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1dkrqq4 { width: 49px; height: 61px; } } @media (max-width: 767px) { .css-1dkrqq4 { width: 49px; height: 61px; } } @media (min-width: 1280px) { .css-3e3vn3 { grid-template-rows: none; grid-template-columns: 710px 450px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-3e3vn3 { grid-template-rows: none; grid-template-columns: 710px 450px; } } @media (max-width: 767px) { .css-3e3vn3 { grid-template-rows: none; grid-template-columns: 710px 450px; } } .css-16q2m43-minHeight { min-height: 448px; } @media (min-width: 1280px) { .css-r0vto3 { padding: 40px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-itxf82 { padding: 32px; } } @media (max-width: 767px) { .css-41vhj2 { padding: 24px; } } .css-144ag6r { align-content: space-between; } @media (min-width: 768px) and (max-width: 1279px) { .css-144ag6r { align-content: space-between; } } @media (max-width: 767px) { .css-144ag6r { align-content: space-between; } } @media (min-width: 1280px) { .css-1kvi7m7 { grid-template-rows: none; grid-template-columns: 360px 230px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1kvi7m7 { grid-template-rows: none; grid-template-columns: 361px 231px; } } @media (max-width: 767px) { .css-1kvi7m7 { grid-template-rows: auto; grid-template-columns: none; } } .css-1tq38pe { display: grid; grid-gap: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1tq38pe { grid-gap: 64px; } } @media (max-width: 767px) { .css-1tq38pe { grid-gap: 40px; } } .css-1wijyjc { align-content: space-between; } @media (min-width: 768px) and (max-width: 1279px) { .css-1wijyjc { align-content: space-between; } } @media (max-width: 767px) { .css-1wijyjc { align-content: flex-start; } } .css-lvj1vs { display: grid; grid-gap: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-lvj1vs { grid-gap: 0; } } @media (max-width: 767px) { .css-lvj1vs { grid-gap: 40px; } } @media (min-width: 1280px) { .css-qotrv6 { padding: 8px 0px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-qnlfbj { padding: 8px 0px; } } .css-as143e-image { display: block; object-fit: contain; width: 319px; height: 160px; aspect-ratio: 319 / 160; } @media (min-width: 768px) and (max-width: 1279px) { .css-as143e-image { width: 319px; height: 160px; object-fit: contain; aspect-ratio: 319 / 160; } } @media (max-width: 767px) { .css-as143e-image { width: 297px; height: 133px; object-fit: initial; aspect-ratio: 297 / 133; } } @media (min-width: 768px) and (max-width: 1279px) { .css-as143e-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 319 / 160; } } .css-3mi4nz-minHeight { min-height: 448px; } @media (max-width: 767px) { .css-3mi4nz-minHeight { min-height: 320px; } } @media (min-width: 1280px) { .css-ccb9vd { grid-template-rows: none; grid-template-columns: 366px 428px 366px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-ccb9vd { grid-template-rows: none; grid-template-columns: 366px 428px 366px; } } @media (max-width: 767px) { .css-ccb9vd { grid-template-rows: none; grid-template-columns: 366px 428px 366px; } } .css-18puooo { width: 24px; } .css-1gvudp1-image { display: block; object-fit: contain; width: 243px; height: 66px; aspect-ratio: 243 / 66; } @media (min-width: 768px) and (max-width: 1279px) { .css-1gvudp1-image { width: 243px; height: 66px; object-fit: contain; aspect-ratio: 243 / 66; } } @media (max-width: 767px) { .css-1gvudp1-image { width: 195px; height: 53px; object-fit: initial; aspect-ratio: 195 / 53; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1gvudp1-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 243 / 66; } } .css-1fjj3mj-image { display: block; object-fit: cover; width: 100%; height: auto; aspect-ratio: 1920 / 550; } @media (min-width: 768px) and (max-width: 1279px) { .css-1fjj3mj-image { width: 1920px; height: 550px; object-fit: cover; aspect-ratio: 1920 / 550; } } @media (max-width: 767px) { .css-1fjj3mj-image { width: 1920px; height: 550px; object-fit: cover; aspect-ratio: 1920 / 550; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1fjj3mj-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: cover; aspect-ratio: 1920 / 550; } } .css-m9l4g9 { background-image: url(/assets/esbuild/ahrefs-big-data-JJWV5EH3.jpg); } .css-15vvt3d { height: 100vh; } @media (min-width: 768px) and (max-width: 1279px) { .css-15vvt3d { height: 720px; } } @media (max-width: 767px) { .css-15vvt3d { height: auto; } } .css-k51ack { align-items: stretch; } @media (min-width: 1280px) { .css-jnxr0r { grid-template-rows: 1fr auto; grid-template-columns: none; } } @media (min-width: 768px) and (max-width: 1279px) { .css-jnxr0r { grid-template-rows: 1fr auto; grid-template-columns: none; } } @media (max-width: 767px) { .css-jnxr0r { grid-template-rows: 1fr auto; grid-template-columns: none; } } .css-dzm7md { display: grid; grid-gap: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-dzm7md { grid-gap: 0; } } @media (max-width: 767px) { .css-dzm7md { grid-gap: 96px; } } .css-rlakxq { max-width: 800px; } .css-rlakxq.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-rlakxq { max-width: 720px; } } @media (max-width: 767px) { .css-rlakxq { max-width: 720px; } } @media (min-width: 1280px) { .css-1w855gb { gap: 48px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xc55ay { gap: 64px; } } @media (max-width: 767px) { .css-rcmr1t { gap: 48px 24px; } } .css-1okl3q8 { grid-template-columns: 204px 204px 204px 204px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1okl3q8 { grid-template-columns: auto auto auto auto; } } @media (max-width: 767px) { .css-1okl3q8 { grid-template-columns: auto auto; } } .css-1j4fbdn { display: grid; grid-gap: 8px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1j4fbdn { grid-gap: 8px; } } @media (max-width: 767px) { .css-1j4fbdn { grid-gap: 4px; } } .css-tko227 { padding-top: 4px; padding-bottom: 2px; } @media (min-width: 768px) and (max-width: 1279px) { .css-tko227 { padding-top: 2px; padding-bottom: 0; } } @media (max-width: 767px) { .css-tko227 { padding-top: 4px; padding-bottom: 4px; } } .css-1tkvhe6 { letter-spacing: -0.12rem; } @media (min-width: 768px) and (max-width: 1279px) { .css-1tkvhe6 { letter-spacing: -0.1rem; } } @media (max-width: 767px) { .css-1tkvhe6 { letter-spacing: -0.06rem; } } .css-1dwf30v { font-family: "Ahrefs"sans-serif; font-size: 96px; line-height: 80px; } html[lang="ja"] .css-1dwf30v { font-family: "Ahrefs""Zen"sans-serif; font-size: 96px; line-height: 80px; } html[lang="ko"] .css-1dwf30v { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 96px; line-height: 80px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1dwf30v { font-size: 64px; line-height: 64px; } } @media (max-width: 767px) { .css-1dwf30v { font-size: 48px; line-height: 48px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-1dwf30v { font-size: 64px; line-height: 64px; } } @media (max-width: 767px) { html[lang="ja"] .css-1dwf30v { font-size: 48px; line-height: 48px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-1dwf30v { font-size: 64px; line-height: 64px; } } @media (max-width: 767px) { html[lang="ko"] .css-1dwf30v { font-size: 48px; line-height: 48px; } } .css-1645a5x { letter-spacing: -0.1rem; } @media (min-width: 768px) and (max-width: 1279px) { .css-1645a5x { letter-spacing: -0.1rem; } } @media (max-width: 767px) { .css-1645a5x { letter-spacing: -0.06rem; } } .css-1v65706-textFontWeight { font-weight: 700; } @media (min-width: 768px) and (max-width: 1279px) { .css-1v65706-textFontWeight { font-weight: 400; } } @media (max-width: 767px) { .css-1v65706-textFontWeight { font-weight: 400; } } .css-cbj27m { font-family: "Ahrefs"sans-serif; font-size: 64px; line-height: 64px; } html[lang="ja"] .css-cbj27m { font-family: "Ahrefs""Zen"sans-serif; font-size: 64px; line-height: 64px; } html[lang="ko"] .css-cbj27m { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 64px; line-height: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-cbj27m { font-size: 64px; line-height: 64px; } } @media (max-width: 767px) { .css-cbj27m { font-size: 48px; line-height: 48px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-cbj27m { font-size: 64px; line-height: 64px; } } @media (max-width: 767px) { html[lang="ja"] .css-cbj27m { font-size: 48px; line-height: 48px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-cbj27m { font-size: 64px; line-height: 64px; } } @media (max-width: 767px) { html[lang="ko"] .css-cbj27m { font-size: 48px; line-height: 48px; } } .css-im0w6r { cursor: pointer; color: #F75A03; } .css-im0w6r:hover { color: #FF7524; } .css-im0w6r:hover .css-k54ezc-icon { color: #FF7524; } @media (min-width: 1280px) { .css-qjxs2e { padding: 16px 0px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-f2h6zz { padding: 16px 0px; } } @media (max-width: 767px) { .css-5n85h2 { padding: 16px 0px; } } @media (min-width: 1280px) { .css-1gdbz2s { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1gdbz2s { grid-template-rows: none; grid-template-columns: 300px 380px; } } @media (max-width: 767px) { .css-1gdbz2s { grid-template-rows: auto auto; grid-template-columns: none; } } .css-1hw6rfg { display: grid; grid-gap: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1hw6rfg { grid-gap: 40px; } } @media (max-width: 767px) { .css-1hw6rfg { grid-gap: 16px; } } .css-1lwew1b { display: grid; grid-gap: 12px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1lwew1b { grid-gap: 12px; } } @media (max-width: 767px) { .css-1lwew1b { grid-gap: 8px; } } .css-111o5ku { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .css-dyukha { transition: transform 200ms cubic-bezier(0.400.21) 0ms normal; } .css-1ceygfl:hover { color: #FFF; background-color: #FF7524; } .css-1ceygfl:focus-visible:hover { color: #FFF; background-color: #FF7524; } .css-155us80:focus-visible { background-color: #FF8D00; outline: 3px solid #FFE7CD; } .css-155us80:focus-visible:hover { outline: none; } .css-9uy14h { width: 24px; height: 24px; } .css-dp32s7 { color: #FFF; background-color: #FF8D00; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } .css-cgmsiq { width: 12px; height: 12px; } @media (min-width: 768px) and (max-width: 1279px) { .css-cgmsiq { width: 12px; height: 12px; } } @media (max-width: 767px) { .css-cgmsiq { width: 12px; height: 12px; } } @media (min-width: 1280px) { .css-1vorfk1 { padding: 4px 0px 16px 8px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1mqxbez { padding: 4px 0px 16px 8px; } } @media (max-width: 767px) { .css-3jyo3h { padding: 4px 0px 16px 8px; } } .css-1kv87o { width: 24px; height: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1kv87o { width: 24px; height: 24px; } } @media (max-width: 767px) { .css-1kv87o { width: 16px; height: 16px; } } @media (min-width: 1280px) { .css-1jb7q8h { padding: 0px 0px 0px 32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1c1fn01 { padding: 0px 0px 0px 32px; } } @media (max-width: 767px) { .css-aff81s { padding: 0px 0px 0px 24px; } } .css-c96dl5 { display: grid; grid-gap: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-c96dl5 { grid-gap: 40px; } } @media (max-width: 767px) { .css-c96dl5 { grid-gap: 0; } } .css-4dsd3s { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .css-y75n13 { padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-y75n13 { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .css-y75n13 { padding-left: 0; padding-right: 0; } } .css-1qms4fh { padding-left: 40px !important; padding-right: 40px !important; } @media (min-width: 768px) and (max-width: 1279px) { .css-1qms4fh { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 767px) { .css-1qms4fh { padding-left: 0 !important; padding-right: 0 !important; } } @keyframes animation-lf8yjz { 0% { top: -15vh; } 15% { top: 10vh; } 50% { top: 5vh; } 100% { top: -15vh; } } .css-1b7qhkq-orangeGradientAnimation { -webkit-animation: animation-lf8yjz 41s ease-in 0ms infinite normal none runninganimation-ovhcia 29s linear 0ms infinite normal none running; animation: animation-lf8yjz 41s ease-in 0ms infinite normal none runninganimation-ovhcia 29s linear 0ms infinite normal none running; } .css-4lxl9m { height: 130vh; width: 110vh; left: -40vh; opacity: 0.5; position: absolute; } @keyframes animation-1h3xpdo { 0% { top: -60vh; } 50% { top: 15vh; } 100% { top: -60vh; } } .css-1t1aeyc-blueGradientAnimation { -webkit-animation: animation-1h3xpdo 24s ease-in-out 0ms infinite normal none runninganimation-e0kh7t 34s ease-in-out 0ms infinite normal none runninganimation-ovhcia 34s linear 0ms infinite normal none running; animation: animation-1h3xpdo 24s ease-in-out 0ms infinite normal none runninganimation-e0kh7t 34s ease-in-out 0ms infinite normal none runninganimation-ovhcia 34s linear 0ms infinite normal none running; } .css-1bvqqpj { opacity: 0.7; height: 130vh; width: 110vh; position: absolute; } .css-16yhx5z { max-width: 1200px; } .css-16yhx5z.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-16yhx5z { max-width: 780px; } } @media (max-width: 767px) { .css-16yhx5z { max-width: 720px; } } @media (min-width: 1280px) { .css-mc81z5 { padding: 0px 40px 24px 40px; } } @media (min-width: 1280px) { .css-1ua2qa2 { gap: 48px 40px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-yvu3bb { gap: 48px 40px; } } @media (max-width: 767px) { .css-caxp8y { gap: 48px 40px; } } .css-8ntf9g { grid-template-columns: 1fr 1fr 1fr; } @media (min-width: 768px) and (max-width: 1279px) { .css-8ntf9g { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .css-8ntf9g { grid-template-columns: 1fr; } } .css-uhliag-image { display: block; object-fit: contain; width: 121px; height: 56px; aspect-ratio: 121 / 56; } @media (min-width: 768px) and (max-width: 1279px) { .css-uhliag-image { width: 121px; height: 56px; object-fit: contain; aspect-ratio: 121 / 56; } } @media (max-width: 767px) { .css-uhliag-image { width: 121px; height: 56px; object-fit: initial; aspect-ratio: 121 / 56; } } @media (min-width: 768px) and (max-width: 1279px) { .css-uhliag-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 121 / 56; } } .css-bl2api-image { display: block; object-fit: contain; width: 56px; height: 56px; aspect-ratio: 56 / 56; } @media (min-width: 768px) and (max-width: 1279px) { .css-bl2api-image { width: 56px; height: 56px; object-fit: contain; aspect-ratio: 56 / 56; } } @media (max-width: 767px) { .css-bl2api-image { width: 56px; height: 56px; object-fit: initial; aspect-ratio: 56 / 56; } } @media (min-width: 768px) and (max-width: 1279px) { .css-bl2api-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 56 / 56; } } @media (min-width: 1280px) { .css-17ruieh { padding: 48px 40px 72px 40px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-mtr4d8 { padding: 40px 24px; } } @media (max-width: 767px) { .css-ga1nn3 { padding: 32px 16px; } } .css-pezraw { background-color: rgba(0000.4); } @media (min-width: 1280px) { .css-zjkm6b { grid-template-rows: none; grid-template-columns: 480px 520px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-zjkm6b { grid-template-rows: 1fr; grid-template-columns: none; } } @media (max-width: 767px) { .css-zjkm6b { grid-template-rows: 1fr; grid-template-columns: none; } } .css-wzd6du { display: grid; grid-gap: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-wzd6du { grid-gap: 32px; } } @media (max-width: 767px) { .css-wzd6du { grid-gap: 16px; } } @media (min-width: 1280px) { .css-1klqhsy { padding: 16px 0px 0px; } } .css-1bas6qk p { background-image: linear-gradient(90deg#2592FA 0%#FFDBB3 50%#FFB528 100%); } .css-12v16sy { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-12v16sy { grid-gap: 64px; } } @media (max-width: 767px) { .css-12v16sy { grid-gap: 64px; } } .css-1pw8zku { max-width: 960px; } .css-1pw8zku.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1pw8zku { max-width: 720px; } } @media (max-width: 767px) { .css-1pw8zku { max-width: 768px; } } .css-15a06dv { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 56px; height: 56px; background-image: url(/assets/esbuild/sparkling-heart-icon-4DQBGAMH.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-15a06dv { background-image: url(/assets/esbuild/sparkling-heart-icon-4DQBGAMH.svg); width: 40px; height: 40px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-15a06dv { background-image: url(/assets/esbuild/sparkling-heart-icon-4DQBGAMH.svg); width: 32px; height: 32px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-15a06dv.css-ie28gn-iconHideOnMobile { display: none; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1cufjf0 { gap: 48px 24px; } } @media (max-width: 767px) { .css-15p70kk { gap: 32px; } } .css-1wj8r4z { max-width: 240px; } .css-1wj8r4z.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1wj8r4z { max-width: 240px; } } @media (max-width: 767px) { .css-1wj8r4z { max-width: 600px; } } .css-127tl11 { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 40px; height: 40px; background-image: url(/assets/esbuild/academy-U4PYLFEQ.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-127tl11 { background-image: url(/assets/esbuild/academy-U4PYLFEQ.svg); width: 40px; height: 40px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-127tl11 { background-image: url(/assets/esbuild/academy-U4PYLFEQ.svg); width: 32px; height: 32px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-127tl11.css-ie28gn-iconHideOnMobile { display: none; } } @media (max-width: 767px) { .css-1u72h00 { padding: 4px 0px 0px; } } .css-1lj426e { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 40px; height: 40px; background-image: url(/assets/esbuild/certification-NQHTMMUE.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-1lj426e { background-image: url(/assets/esbuild/certification-NQHTMMUE.svg); width: 40px; height: 40px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1lj426e { background-image: url(/assets/esbuild/certification-NQHTMMUE.svg); width: 32px; height: 32px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1lj426e.css-ie28gn-iconHideOnMobile { display: none; } } .css-1lwwqqa { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 40px; height: 40px; background-image: url(/assets/esbuild/blog-3TZ6ISB3.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-1lwwqqa { background-image: url(/assets/esbuild/blog-3TZ6ISB3.svg); width: 40px; height: 40px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1lwwqqa { background-image: url(/assets/esbuild/blog-3TZ6ISB3.svg); width: 32px; height: 32px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1lwwqqa.css-ie28gn-iconHideOnMobile { display: none; } } .css-1gh31wc { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 40px; height: 40px; background-image: url(/assets/esbuild/webinars-3MYUTDVK.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-1gh31wc { background-image: url(/assets/esbuild/webinars-3MYUTDVK.svg); width: 40px; height: 40px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1gh31wc { background-image: url(/assets/esbuild/webinars-3MYUTDVK.svg); width: 32px; height: 32px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1gh31wc.css-ie28gn-iconHideOnMobile { display: none; } } .css-6gh4ng { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 40px; height: 40px; background-image: url(/assets/esbuild/youtube-5CGLX2HO.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-6gh4ng { background-image: url(/assets/esbuild/youtube-5CGLX2HO.svg); width: 40px; height: 40px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-6gh4ng { background-image: url(/assets/esbuild/youtube-5CGLX2HO.svg); width: 32px; height: 32px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-6gh4ng.css-ie28gn-iconHideOnMobile { display: none; } } .css-1banfdt { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 40px; height: 40px; background-image: url(/assets/esbuild/podcast-UW2L2YZB.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-1banfdt { background-image: url(/assets/esbuild/podcast-UW2L2YZB.svg); width: 40px; height: 40px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1banfdt { background-image: url(/assets/esbuild/podcast-UW2L2YZB.svg); width: 32px; height: 32px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1banfdt.css-ie28gn-iconHideOnMobile { display: none; } } .css-9ykgu8 { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 40px; height: 40px; background-image: url(/assets/esbuild/events-VLAGVA7H.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-9ykgu8 { background-image: url(/assets/esbuild/events-VLAGVA7H.svg); width: 40px; height: 40px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-9ykgu8 { background-image: url(/assets/esbuild/events-VLAGVA7H.svg); width: 32px; height: 32px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-9ykgu8.css-ie28gn-iconHideOnMobile { display: none; } } .css-1co93fe { max-width: 1200px; } .css-1co93fe.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1co93fe { max-width: 768px; } } @media (max-width: 767px) { .css-1co93fe { max-width: 768px; } } @media (min-width: 1280px) { .css-15mr5bz { padding: 64px 16px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-14xg4c6 { padding: 48px 24px; } } @media (max-width: 767px) { .css-1i79u90 { padding: 40px 16px; } } @media (min-width: 1280px) { .css-bvbczn { grid-template-rows: none; grid-template-columns: 358px 536px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-bvbczn { grid-template-rows: auto auto; grid-template-columns: none; } } @media (max-width: 767px) { .css-bvbczn { grid-template-rows: auto auto; grid-template-columns: none; } } .css-1vq0a1y { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1vq0a1y { grid-gap: 40px; } } @media (max-width: 767px) { .css-1vq0a1y { grid-gap: 32px; } } .css-1kt4gl9 { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 32px; height: 32px; background-image: url(/assets/esbuild/customer-support-icon-U2FK2I7Z.svg); -webkit-transform: translate(2px-3px); -moz-transform: translate(2px-3px); -ms-transform: translate(2px-3px); transform: translate(2px-3px); } @media (min-width: 768px) and (max-width: 1279px) { .css-1kt4gl9 { background-image: url(/assets/esbuild/customer-support-icon-U2FK2I7Z.svg); width: 32px; height: 32px; -webkit-transform: translate(2px-3px); -moz-transform: translate(2px-3px); -ms-transform: translate(2px-3px); transform: translate(2px-3px); } } @media (max-width: 767px) { .css-1kt4gl9 { background-image: url(/assets/esbuild/customer-support-icon-U2FK2I7Z.svg); width: 24px; height: 24px; -webkit-transform: translate(2px-3px); -moz-transform: translate(2px-3px); -ms-transform: translate(2px-3px); transform: translate(2px-3px); } } @media (max-width: 767px) { .css-1kt4gl9.css-ie28gn-iconHideOnMobile { display: none; } } .css-nn7dls { align-items: start; } @media (min-width: 768px) and (max-width: 1279px) { .css-nn7dls { align-items: start; } } @media (max-width: 767px) { .css-nn7dls { align-items: start; } } @media (min-width: 1280px) { .css-ko37bt { gap: 48px 64px; } } .css-19isced { grid-template-columns: 1fr 1fr; } @media (min-width: 768px) and (max-width: 1279px) { .css-19isced { grid-template-columns: 157px 192px 181px; } } @media (max-width: 767px) { .css-19isced { grid-template-columns: 144px 144px; } } .css-nva0dw { padding: 96px 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-nva0dw { padding: 64px 24px 0; } } @media (max-width: 767px) { .css-nva0dw { padding: 64px 16px 0; } } .css-1x8va1f-textDisplay { display: block; } @media (min-width: 768px) and (max-width: 1279px) { .css-1x8va1f-textDisplay { display: inline; } } .css-zfkw4m { background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .css-zfkw4m { background-image: url(/assets/esbuild/hand-OHFJ5JYK.svg); } } .css-1mde5fu { background-image: url(/assets/esbuild/hand-OHFJ5JYK.svg); } @media (min-width: 768px) and (max-width: 1279px) { .css-1mde5fu { background-image: url(/assets/esbuild/hand-OHFJ5JYK.svg); } } .css-lxnley { width: 48px; height: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-lxnley { width: 40px; height: 40px; } } @media (max-width: 767px) { .css-lxnley { width: 32px; height: 32px; } } @media (min-width: 1280px) { .css-1g814m7 { grid-template-rows: none; grid-template-columns: 360px 536px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1g814m7 { grid-template-rows: auto auto; grid-template-columns: none; } } @media (max-width: 767px) { .css-1g814m7 { grid-template-rows: auto auto; grid-template-columns: none; } } .css-1dxj4i1 { justify-content: space-between; } @media (min-width: 768px) and (max-width: 1279px) { .css-1dxj4i1 { justify-content: initial; } } @media (max-width: 767px) { .css-1dxj4i1 { justify-content: initial; } } @media (max-width: 767px) { .css-1omc41y { padding: 12px 0px 0px; } } .css-7aqu6z { display: grid; grid-gap: 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-7aqu6z { grid-gap: 24px; } } @media (max-width: 767px) { .css-7aqu6z { grid-gap: 32px; } } .css-1ocel6d { color: #FFF; background-color: rgba(2552552550.2); -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); } .css-ivz38r { padding: 128px 40px 128px; } @media (min-width: 768px) and (max-width: 1279px) { .css-ivz38r { padding: 64px 24px 64px; } } @media (max-width: 767px) { .css-ivz38r { padding: 40px 16px 64px; } } .css-11d8tr4 { top: 0px; left: 30px; } @media (max-width: 767px) { .css-11d8tr4 { top: 0px; left: 15px; } } .css-1syosiu { display: block; width: 100%; -webkit-transform: rotateZ(-4deg); -moz-transform: rotateZ(-4deg); -ms-transform: rotateZ(-4deg); transform: rotateZ(-4deg); position: relative; } .css-z5cqu7 { top: 50px; left: 10px; } @media (max-width: 767px) { .css-z5cqu7 { top: 25px; left: 5px; } } .css-1qag9f4 { display: block; width: 100%; -webkit-transform: rotateZ(6deg); -moz-transform: rotateZ(6deg); -ms-transform: rotateZ(6deg); transform: rotateZ(6deg); position: relative; } .css-1x6nc9d { top: 20px; left: 10px; } @media (max-width: 767px) { .css-1x6nc9d { top: 10px; left: 5px; } } .css-17npln0 { display: block; width: 100%; -webkit-transform: rotateZ(-2deg); -moz-transform: rotateZ(-2deg); -ms-transform: rotateZ(-2deg); transform: rotateZ(-2deg); position: relative; } .css-10teibs { top: 55px; left: -20px; } @media (max-width: 767px) { .css-10teibs { top: 27px; left: -10px; } } .css-wvs0tv { display: block; width: 100%; -webkit-transform: rotateZ(5deg); -moz-transform: rotateZ(5deg); -ms-transform: rotateZ(5deg); transform: rotateZ(5deg); position: relative; } .css-1rzpg1n { top: -10px; left: -30px; } @media (max-width: 767px) { .css-1rzpg1n { top: -5px; left: -15px; } } .css-1ulr8ch { display: block; width: 100%; -webkit-transform: rotateZ(-6deg); -moz-transform: rotateZ(-6deg); -ms-transform: rotateZ(-6deg); transform: rotateZ(-6deg); position: relative; } .css-18vp2jh { top: 40px; left: -60px; } @media (max-width: 767px) { .css-18vp2jh { top: 20px; left: -30px; } } .css-1q99uw8 { display: block; width: 100%; -webkit-transform: rotateZ(7deg); -moz-transform: rotateZ(7deg); -ms-transform: rotateZ(7deg); transform: rotateZ(7deg); position: relative; } .css-1krpr70 { top: 0px; left: -75px; } @media (max-width: 767px) { .css-1krpr70 { top: 0px; left: -37px; } } .css-12i0f1a { top: 0px; left: -80px; } @media (max-width: 767px) { .css-12i0f1a { top: 0px; left: -40px; } } .css-mwo694 { justify-content: center; } @media (min-width: 768px) and (max-width: 1279px) { .css-mwo694 { justify-content: center; } } @media (max-width: 767px) { .css-mwo694 { justify-content: center; } } .css-eup9b0-inlineRowVgap { margin-top: -16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-eup9b0-inlineRowVgap { margin-top: 0; } } @media (max-width: 767px) { .css-eup9b0-inlineRowVgap { margin-top: -8px; } } @media (min-width: 1280px) { .css-1wy3e3o { padding: 0px 60px; } } .css-1i3cavu { display: grid; grid-gap: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1i3cavu { grid-gap: 16px; } } @media (max-width: 767px) { .css-1i3cavu { grid-gap: 16px; } } .css-f6bec6 { display: grid; grid-gap: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-f6bec6 { grid-gap: 24px; } } @media (max-width: 767px) { .css-f6bec6 { grid-gap: 16px; } } .css-1d8x6om { border-bottom: 2px solid #F75A03; } @media (min-width: 1280px) { .css-1d8x6om { border-bottom: 2.5px solid #F75A03; } } .css-1ld5ten { justify-content: stretch; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ld5ten { justify-content: stretch; } } @media (max-width: 767px) { .css-1ld5ten { justify-content: stretch; } } .css-uq84qx { grid-template-columns: 1fr 1fr; } @media (min-width: 768px) and (max-width: 1279px) { .css-uq84qx { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .css-uq84qx { grid-template-columns: 1fr; } } @media (min-width: 1280px) { .css-ya62sb { grid-column-start: 1; grid-column-end: 3; } } @media (min-width: 768px) and (max-width: 1279px) { .css-psbu7k { grid-column-start: 1; grid-column-end: 3; } } @media (max-width: 767px) { .css-1s39yit { grid-column-start: 1; grid-column-end: 1; } } .css-fzqoy4 { align-self: stretch; } .css-1j4yvex { justify-self: stretch; } .css-1b1buxv { padding: 48px 40px 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1b1buxv { padding: 32px 24px 32px; } } @media (max-width: 767px) { .css-1b1buxv { padding: 24px 16px 32px; } } .css-ezyrxp { background-color: rgba(2552552550.3); } @media (min-width: 1280px) { .css-zuzxt4 { grid-template-rows: none; grid-template-columns: auto 205px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-zuzxt4 { grid-template-rows: none; grid-template-columns: auto 155px; } } @media (max-width: 767px) { .css-zuzxt4 { grid-template-rows: auto; grid-template-columns: none; } } .css-1xj0c3y { display: grid; grid-gap: 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1xj0c3y { grid-gap: 64px; } } @media (max-width: 767px) { .css-1xj0c3y { grid-gap: 0; } } .css-jzaaip { max-width: 200px; } .css-jzaaip.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-jzaaip { max-width: 140px; } } @media (max-width: 767px) { .css-jzaaip { max-width: 140px; } } .css-1x8ulx9 { display: grid; grid-gap: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1x8ulx9 { grid-gap: 24px; } } @media (max-width: 767px) { .css-1x8ulx9 { grid-gap: 0; } } .css-ygyv8k { padding-top: 2px; padding-bottom: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-ygyv8k { padding-top: 4px; padding-bottom: 4px; } } @media (max-width: 767px) { .css-ygyv8k { padding-top: 4px; padding-bottom: 4px; } } .css-iw52ky { letter-spacing: -0.1rem; } @media (min-width: 768px) and (max-width: 1279px) { .css-iw52ky { letter-spacing: -0.06rem; } } @media (max-width: 767px) { .css-iw52ky { letter-spacing: -0.06rem; } } .css-13i58o1 { font-family: "Ahrefs"sans-serif; font-size: 64px; line-height: 64px; } html[lang="ja"] .css-13i58o1 { font-family: "Ahrefs""Zen"sans-serif; font-size: 64px; line-height: 64px; } html[lang="ko"] .css-13i58o1 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 64px; line-height: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-13i58o1 { font-size: 48px; line-height: 48px; } } @media (max-width: 767px) { .css-13i58o1 { font-size: 48px; line-height: 48px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-13i58o1 { font-size: 48px; line-height: 48px; } } @media (max-width: 767px) { html[lang="ja"] .css-13i58o1 { font-size: 48px; line-height: 48px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-13i58o1 { font-size: 48px; line-height: 48px; } } @media (max-width: 767px) { html[lang="ko"] .css-13i58o1 { font-size: 48px; line-height: 48px; } } .css-17l5g6e { padding: 7px 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-17l5g6e { padding: 4px 12px; } } @media (max-width: 767px) { .css-17l5g6e { padding: 7px 16px; } } .css-z70lr0 { gap: 8px; } @media (min-width: 768px) and (max-width: 1279px) { .css-z70lr0 { gap: 6px; } } @media (max-width: 767px) { .css-z70lr0 { gap: 8px; } } .css-1xl66ui { font-family: "Ahrefs"sans-serif; font-size: 20px; line-height: 24px; } html[lang="ja"] .css-1xl66ui { font-family: "Ahrefs""Zen"sans-serif; font-size: 20px; line-height: 24px; } html[lang="ko"] .css-1xl66ui { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 20px; line-height: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1xl66ui { font-size: 16px; line-height: 20px; } } @media (max-width: 767px) { .css-1xl66ui { font-size: 20px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-1xl66ui { font-size: 16px; line-height: 20px; } } @media (max-width: 767px) { html[lang="ja"] .css-1xl66ui { font-size: 20px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-1xl66ui { font-size: 16px; line-height: 20px; } } @media (max-width: 767px) { html[lang="ko"] .css-1xl66ui { font-size: 20px; line-height: 24px; } } @media (min-width: 1280px) { .css-1fzh8pd { grid-template-rows: none; grid-template-columns: auto; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1fzh8pd { grid-template-rows: none; grid-template-columns: auto; } } @media (max-width: 767px) { .css-1fzh8pd { grid-template-rows: none; grid-template-columns: auto auto; } } .css-n2zfot { display: grid; grid-gap: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-n2zfot { grid-gap: 0; } } @media (max-width: 767px) { .css-n2zfot { grid-gap: 64px; } } .css-1514wwg { justify-content: space-between; } @media (min-width: 768px) and (max-width: 1279px) { .css-1514wwg { justify-content: space-between; } } @media (max-width: 767px) { .css-1514wwg { justify-content: flex-start; } } @media (min-width: 1280px) { .css-16xefvy { grid-template-rows: none; grid-template-columns: auto 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-16xefvy { grid-template-rows: none; grid-template-columns: auto 1fr; } } @media (max-width: 767px) { .css-16xefvy { grid-template-rows: auto; grid-template-columns: none; } } .css-zw36oq-imageBorder-Circle { border-radius: 50%; } .css-13vejuc-image { display: block; object-fit: contain; width: 60px; height: 60px; aspect-ratio: 60 / 60; } @media (min-width: 768px) and (max-width: 1279px) { .css-13vejuc-image { width: 60px; height: 60px; object-fit: contain; aspect-ratio: 60 / 60; } } @media (max-width: 767px) { .css-13vejuc-image { width: 60px; height: 60px; object-fit: initial; aspect-ratio: 60 / 60; } } @media (min-width: 768px) and (max-width: 1279px) { .css-13vejuc-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 60 / 60; } } .css-szi657-image { display: block; object-fit: contain; width: 92px; height: 42px; aspect-ratio: 92 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-szi657-image { width: 92px; height: 42px; object-fit: contain; aspect-ratio: 92 / 42; } } @media (max-width: 767px) { .css-szi657-image { width: 92px; height: 42px; object-fit: initial; aspect-ratio: 92 / 42; } } @media (min-width: 768px) and (max-width: 1279px) { .css-szi657-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 92 / 42; } } .css-ejr2qi { padding: 40px 40px 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-ejr2qi { padding: 24px 24px 32px; } } @media (max-width: 767px) { .css-ejr2qi { padding: 24px 16px 32px; } } @media (max-width: 767px) { .css-1rf3q4r { padding: 16px 0px 0px; } } .css-vg2t8z-image { display: block; object-fit: contain; width: 117px; height: 42px; aspect-ratio: 117 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-vg2t8z-image { width: 117px; height: 42px; object-fit: contain; aspect-ratio: 117 / 42; } } @media (max-width: 767px) { .css-vg2t8z-image { width: 117px; height: 42px; object-fit: initial; aspect-ratio: 117 / 42; } } @media (min-width: 768px) and (max-width: 1279px) { .css-vg2t8z-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 117 / 42; } } .css-hli8b4-sectionColor { --color-link: #3A75FF; background-color: #2592FA; color: #FFF; } .css-1ttv1ry-image { display: block; object-fit: contain; width: 140px; height: 42px; aspect-ratio: 140 / 42; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ttv1ry-image { width: 140px; height: 42px; object-fit: contain; aspect-ratio: 140 / 42; } } @media (max-width: 767px) { .css-1ttv1ry-image { width: 140px; height: 42px; object-fit: initial; aspect-ratio: 140 / 42; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1ttv1ry-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 140 / 42; } } .css-1yyqycf { display: grid; grid-gap: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1yyqycf { grid-gap: 12px; } } @media (max-width: 767px) { .css-1yyqycf { grid-gap: 12px; } } .css-16w3eyu { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 90px; height: 24px; background-image: url(/assets/esbuild/capterra-logo-56AWYRWU.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-16w3eyu { background-image: url(/assets/esbuild/capterra-logo-56AWYRWU.svg); width: 90px; height: 24px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-16w3eyu { background-image: url(/assets/esbuild/capterra-logo-56AWYRWU.svg); width: 90px; height: 24px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-16w3eyu.css-ie28gn-iconHideOnMobile { display: none; } } .css-1tswe8b { max-width: 220px; } .css-1tswe8b.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1tswe8b { max-width: 140px; } } @media (max-width: 767px) { .css-1tswe8b { max-width: 120px; } } .css-1bxsh5w { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 23px; height: 24px; background-image: url(/assets/esbuild/g2-logo-4YMHN7K3.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-1bxsh5w { background-image: url(/assets/esbuild/g2-logo-4YMHN7K3.svg); width: 23px; height: 24px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1bxsh5w { background-image: url(/assets/esbuild/g2-logo-4YMHN7K3.svg); width: 23px; height: 24px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1bxsh5w.css-ie28gn-iconHideOnMobile { display: none; } } .css-jr1io6 { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 114px; height: 24px; background-image: url(/assets/esbuild/trustradius-logo-DC3IEHAB.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-jr1io6 { background-image: url(/assets/esbuild/trustradius-logo-DC3IEHAB.svg); width: 114px; height: 24px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-jr1io6 { background-image: url(/assets/esbuild/trustradius-logo-DC3IEHAB.svg); width: 114px; height: 24px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-jr1io6.css-ie28gn-iconHideOnMobile { display: none; } } .css-wc1gtk { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 102px; height: 24px; background-image: url(/assets/esbuild/crozdesk-logo-RFJ7RMFJ.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-wc1gtk { background-image: url(/assets/esbuild/crozdesk-logo-RFJ7RMFJ.svg); width: 102px; height: 24px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-wc1gtk { background-image: url(/assets/esbuild/crozdesk-logo-RFJ7RMFJ.svg); width: 102px; height: 24px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-wc1gtk.css-ie28gn-iconHideOnMobile { display: none; } } .css-bo4dgk-backgroundPosition { background-position: center; } .css-733cwj-backgroundImage { background-image: url(/assets/esbuild/cta-background-JPJH7ZGO.jpg); } .css-1tvqinc-backgroundSize { background-size: cover; } .css-1mnfdin { height: 800px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1mnfdin { height: 800px; } } @media (max-width: 767px) { .css-1mnfdin { height: 720px; } } .css-hf0up9 { display: grid; grid-gap: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-hf0up9 { grid-gap: 48px; } } @media (max-width: 767px) { .css-hf0up9 { grid-gap: 32px; } } @media (min-width: 1280px) { .css-12yx7e2 { grid-template-rows: none; grid-template-columns: 840px 120px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-12yx7e2 { grid-template-rows: auto auto; grid-template-columns: none; } } @media (max-width: 767px) { .css-12yx7e2 { grid-template-rows: auto auto; grid-template-columns: none; } } .css-17gyoc0 { display: grid; grid-gap: 120px; } @media (min-width: 768px) and (max-width: 1279px) { .css-17gyoc0 { grid-gap: 24px; } } @media (max-width: 767px) { .css-17gyoc0 { grid-gap: 32px; } } .css-170iik0 { grid-auto-flow: row; } @media (min-width: 768px) and (max-width: 1279px) { .css-170iik0 { grid-auto-flow: column; } } @media (max-width: 767px) { .css-170iik0 { grid-auto-flow: column; } } .css-1o8busd { width: 680px; } @media (max-width: 767px) { .css-1o8busd { width: 100%; max-width: 680px; } } @media (min-width: 1280px) { .css-1w7mhhq { grid-template-rows: auto 1fr; grid-template-columns: none; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1w7mhhq { grid-template-rows: auto 1fr; grid-template-columns: none; } } @media (max-width: 767px) { .css-1w7mhhq { grid-template-rows: auto 1fr; grid-template-columns: none; } } .css-1s2nwzn { padding: 48px 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1s2nwzn { padding: 48px 24px 0; } } @media (max-width: 767px) { .css-1s2nwzn { padding: 40px 16px 48px; } } .css-1mk4k1q { font-size: 24px; height: 56px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1mk4k1q { font-size: 20px; height: 42px; } } @media (max-width: 767px) { .css-1mk4k1q { font-size: 20px; height: 42px; } } .css-9cz4sg { padding: 13px 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-9cz4sg { padding: 7px 16px; } } @media (max-width: 767px) { .css-9cz4sg { padding: 7px 16px; } } .css-1bwyy8a { gap: 12px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1bwyy8a { gap: 8px; } } @media (max-width: 767px) { .css-1bwyy8a { gap: 8px; } } .css-1j9bw45 { font-family: "Ahrefs"sans-serif; font-size: 24px; line-height: 26px; } html[lang="ja"] .css-1j9bw45 { font-family: "Ahrefs""Zen"sans-serif; font-size: 24px; line-height: 26px; } html[lang="ko"] .css-1j9bw45 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 24px; line-height: 26px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1j9bw45 { font-size: 20px; line-height: 24px; } } @media (max-width: 767px) { .css-1j9bw45 { font-size: 20px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-1j9bw45 { font-size: 20px; line-height: 24px; } } @media (max-width: 767px) { html[lang="ja"] .css-1j9bw45 { font-size: 20px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-1j9bw45 { font-size: 20px; line-height: 24px; } } @media (max-width: 767px) { html[lang="ko"] .css-1j9bw45 { font-size: 20px; line-height: 24px; } } .css-1y9dwqv-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 952 / 863; } @media (min-width: 768px) and (max-width: 1279px) { .css-1y9dwqv-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 952 / 863; } } @media (max-width: 767px) { .css-1y9dwqv-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 952 / 863; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1y9dwqv-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 952 / 863; } } .css-161f95v-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 952 / 762; } @media (min-width: 768px) and (max-width: 1279px) { .css-161f95v-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 952 / 762; } } @media (max-width: 767px) { .css-161f95v-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 952 / 762; } } @media (min-width: 768px) and (max-width: 1279px) { .css-161f95v-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 952 / 762; } } .css-bj6e95-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 952 / 833; } @media (min-width: 768px) and (max-width: 1279px) { .css-bj6e95-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 952 / 833; } } @media (max-width: 767px) { .css-bj6e95-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 952 / 833; } } @media (min-width: 768px) and (max-width: 1279px) { .css-bj6e95-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 952 / 833; } } @media (min-width: 1280px) { .css-1xpi5v0 { grid-template-rows: auto; grid-template-columns: none; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xpi5v0 { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .css-1xpi5v0 { grid-template-rows: auto; grid-template-columns: none; } } .css-gf879s { background-color: rgba(0000.05); box-shadow: none; } .css-gf879s:after { background-color: rgba(0000.05); } .css-gf879s:focus { outline-: none; box-shadow: none; } .css-1gtil13 { position: relative; background-color: rgba(0000.15); } .css-1gtil13:after { background-color: #FFF; } .css-1gtil13:hover { background-color: rgba(0000.15); } .css-t4ddyq-inputInvisible:focus + .css-1gtil13 { background-color: rgba(0000.15); box-shadow: 0 0 0 2px #FF8D00; outline-: none; } .css-t4ddyq-inputInvisible:focus + .css-1gtil13:hover { background-color: rgba(0000.15); } .css-t4ddyq-inputInvisible:focus + .css-1gtil13.css-17c97xu-inputViewChecked { background-color: #FF8D00; box-shadow: 0 0 0 2px #FFE7CD; } .css-t4ddyq-inputInvisible:focus + .css-1gtil13.css-17c97xu-inputViewChecked:hover { background-color: #FF7524; } .css-1gtil13.css-17c97xu-inputViewChecked { background-color: #FF8D00; } .css-1gtil13.css-17c97xu-inputViewChecked:hover { background-color: #FF7524; } .css-1ytd7q1 { padding: 48px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ytd7q1 { padding: 40px 24px 64px; } } @media (max-width: 767px) { .css-1ytd7q1 { padding: 40px 16px 40px; } } .css-ffjdi1 { display: grid; grid-gap: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-ffjdi1 { grid-gap: 40px; } } @media (max-width: 767px) { .css-ffjdi1 { grid-gap: 24px; } } .css-eivtk2 { max-width: 520px; } .css-eivtk2.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-eivtk2 { max-width: 520px; } } @media (max-width: 767px) { .css-eivtk2 { max-width: 520px; } } .css-1339k1f { border-bottom: 2px solid #FFB528; } @media (min-width: 1280px) { .css-1339k1f { border-bottom: 2.5px solid #FFB528; } } .css-1xhcme6 { padding: 32px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1xhcme6 { padding: 32px 24px 64px; } } @media (max-width: 767px) { .css-1xhcme6 { padding: 32px 16px 40px; } } .css-qkf2np { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-qkf2np { grid-gap: 64px; } } @media (max-width: 767px) { .css-qkf2np { grid-gap: 24px; } } .css-1a2dkud { background-color: #000000; } .css-1lw213k { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 64px; height: 64px; background-image: url(/assets/esbuild/data-logo-275QQV34.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-1lw213k { background-image: url(/assets/esbuild/data-logo-275QQV34.svg); width: 48px; height: 48px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1lw213k { background-image: url(/assets/esbuild/data-logo-275QQV34.svg); width: 32px; height: 32px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1lw213k.css-ie28gn-iconHideOnMobile { display: none; } } .css-1du4qag-backgroundImage { background-image: url(/assets/esbuild/hero-background-N573JYW7.jpg); } .css-1o3oycy { padding: 64px 40px 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1o3oycy { padding: 40px 24px 24px; } } @media (max-width: 767px) { .css-1o3oycy { padding: 48px 16px 24px; } } .css-4ps6wn { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-4ps6wn { grid-gap: 40px; } } @media (max-width: 767px) { .css-4ps6wn { grid-gap: 48px; } } .css-nwg4f0 { max-width: 960px; } .css-nwg4f0.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-nwg4f0 { max-width: 720px; } } @media (max-width: 767px) { .css-nwg4f0 { max-width: 720px; } } .css-swr703 { max-width: 600px; } .css-swr703.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-swr703 { max-width: 480px; } } @media (max-width: 767px) { .css-swr703 { max-width: 600px; } } .css-p3ohs0 { display: grid; grid-gap: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-p3ohs0 { grid-gap: 48px; } } @media (max-width: 767px) { .css-p3ohs0 { grid-gap: 48px; } } .css-1uhhtk3-top { border-top: 1px solid rgba(2552552550.3); } .css-o99dfw-right { border-right: 0 none transparent; } .css-tseopn-bottom { border-bottom: 0 none transparent; } .css-16t0y-left { border-left: 0 none transparent; } @media (min-width: 1280px) { .css-desnby { padding: 32px 0px 0px 0px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1vy22gr { padding: 32px 0px 0px 0px; } } @media (max-width: 767px) { .css-kdlqc7 { padding: 32px 0px 0px 0px; } } @media (min-width: 1280px) { .css-as94bc { grid-template-rows: none; grid-template-columns: 368px 600px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-as94bc { grid-template-rows: none; grid-template-columns: 208px auto; } } @media (max-width: 767px) { .css-as94bc { grid-template-rows: auto auto; grid-template-columns: none; } } .css-1nztxxo { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1nztxxo { grid-gap: 32px; } } @media (max-width: 767px) { .css-1nztxxo { grid-gap: 12px; } } .css-xcpumv { max-width: 900px; } .css-xcpumv.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-xcpumv { max-width: 720px; } } @media (max-width: 767px) { .css-xcpumv { max-width: 720px; } } .css-166zp { border: 2px solid rgba(2552552550.3); } @media (min-width: 768px) and (max-width: 1279px) { .css-12ual45 { padding: 8px 16px; } } .css-j81im6 { background-color: transparent; color: #FFF; } .css-j81im6 * { color: #FFF; } @media (min-width: 1280px) { .css-6swvlo { padding: 0px 0px 0px 120px; } } .css-f8x8 { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 44px; height: 44px; background-image: url(/assets/esbuild/tech-motto-star-7JELESVI.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-f8x8 { background-image: url(/assets/esbuild/tech-motto-star-7JELESVI.svg); width: 36px; height: 36px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-f8x8 { background-image: url(/assets/esbuild/tech-motto-star-7JELESVI.svg); width: 32px; height: 32px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-f8x8.css-ie28gn-iconHideOnMobile { display: none; } } .css-efysn3 { max-width: 840px; } .css-efysn3.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-efysn3 { max-width: 720px; } } @media (max-width: 767px) { .css-efysn3 { max-width: 1200px; } } .css-1n0jy2g-backgroundImage { background-image: url(/assets/esbuild/motto-background-QHLFEFG3.jpg); } @media (min-width: 1280px) { .css-c6bx1w { padding: 96px 64px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1pxted { padding: 64px 40px; } } @media (max-width: 767px) { .css-1isa41d { padding: 48px 16px; } } .css-16q5n09 { padding: 32px 40px 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-16q5n09 { padding: 24px 24px 24px; } } @media (max-width: 767px) { .css-16q5n09 { padding: 16px 16px 16px; } } .css-h92ymy { background-color: #3546E0; } .css-1u4w49z-backgroundPosition { background-position: right bottom; } .css-o9n4-backgroundImage { background-image: url(/assets/esbuild/background-55FARKN4.jpg); } .css-14lf2mx-backgroundSize { background-size: contain; } @media (min-width: 1280px) { .css-15n2pka { padding: 64px 60px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1u21pzr { padding: 64px 24px; } } .css-jqrwrf-width { width: 540px; } @media (min-width: 768px) and (max-width: 1279px) { .css-jqrwrf-width { width: 50%; } } @media (max-width: 767px) { .css-jqrwrf-width { width: 100%; } } .css-394ki-width { width: 360px; } @media (min-width: 768px) and (max-width: 1279px) { .css-394ki-width { width: 50%; } } @media (max-width: 767px) { .css-394ki-width { width: 100%; } } .css-1wklar1-width { width: 360px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1wklar1-width { width: 100%; } } @media (max-width: 767px) { .css-1wklar1-width { width: 100%; } } .css-1hmlaz0-gap { gap: 0; } .css-12t1y23-minHeight { min-height: 394px; } @media (min-width: 768px) and (max-width: 1279px) { .css-12t1y23-minHeight { min-height: 458px; } } @media (max-width: 767px) { .css-12t1y23-minHeight { min-height: 100px; } } .css-1orrxp6-right { border-right: 1px solid rgba(2552552550.3); } @media (max-width: 767px) { .css-1orrxp6-right { border-right: 0 none transparent; } } @media (min-width: 1280px) { .css-pvycca { padding: 48px 48px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-117k856 { padding: 32px 24px; } } @media (max-width: 767px) { .css-t9obqd { padding: 24px 0px; } } .css-1eyzhtq-image { display: block; object-fit: contain; width: 32px; height: 32px; aspect-ratio: 32 / 32; } @media (min-width: 768px) and (max-width: 1279px) { .css-1eyzhtq-image { width: 32px; height: 32px; object-fit: contain; aspect-ratio: 32 / 32; } } @media (max-width: 767px) { .css-1eyzhtq-image { width: 24px; height: 24px; object-fit: initial; aspect-ratio: 24 / 24; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1eyzhtq-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 32 / 32; } } .css-oky69k-minHeight { min-height: 422px; } @media (max-width: 767px) { .css-oky69k-minHeight { min-height: 100px; } } .css-1kgud74-right { border-right: 1px solid rgba(2552552550.3); } @media (min-width: 768px) and (max-width: 1279px) { .css-1kgud74-right { border-right: 0 none transparent; } } @media (max-width: 767px) { .css-1kgud74-right { border-right: 0 none transparent; } } .css-168r0j-minHeight { min-height: 422px; } @media (min-width: 768px) and (max-width: 1279px) { .css-168r0j-minHeight { min-height: 290px; } } @media (max-width: 767px) { .css-168r0j-minHeight { min-height: 100px; } } .css-vy3rbi { max-width: 440px; } .css-vy3rbi.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-vy3rbi { max-width: 440px; } } @media (max-width: 767px) { .css-vy3rbi { max-width: 768px; } } .css-1kjiv2i { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1kjiv2i { grid-gap: 48px; } } @media (max-width: 767px) { .css-1kjiv2i { grid-gap: 48px; } } @media (min-width: 1280px) { .css-1us6j75 { gap: 64px; } } @media (max-width: 767px) { .css-o0ek1s { gap: 48px; } } .css-1qv252j { grid-template-columns: 316px 316px 316px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1qv252j { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .css-1qv252j { grid-template-columns: auto; } } @media (max-width: 767px) { .css-1shyctw { padding: 0px 0px 16px 0px; } } .css-1wbe4d1-backgroundImage { background-image: url(/assets/esbuild/where-you-find-us-background-W7DEOBKX.png); } @media (min-width: 1280px) { .css-1pk38he { grid-template-rows: none; grid-template-columns: 240px 720px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1pk38he { grid-template-rows: 1fr; grid-template-columns: none; } } @media (max-width: 767px) { .css-1pk38he { grid-template-rows: 1fr; grid-template-columns: none; } } .css-16zdjwz { display: grid; grid-gap: 120px; } @media (min-width: 768px) and (max-width: 1279px) { .css-16zdjwz { grid-gap: 40px; } } @media (max-width: 767px) { .css-16zdjwz { grid-gap: 32px; } } .css-1m1ce6j-top { border-top: 0 none transparent; } .css-1k15d9u-bottom { border-bottom: 1px solid rgba(2552552550.3); } @media (min-width: 768px) and (max-width: 1279px) { .css-1j8wldj { padding: 0px 0px 0px 24px; } } @media (max-width: 767px) { .css-nmixx6 { padding: 0px 0px 0px 16px; } } @media (min-width: 1280px) { .css-17byvm5 { grid-template-rows: none; grid-template-columns: auto; } } @media (min-width: 768px) and (max-width: 1279px) { .css-17byvm5 { grid-template-rows: none; grid-template-columns: auto; } } @media (max-width: 767px) { .css-17byvm5 { grid-template-rows: auto; grid-template-columns: none; } } @media (min-width: 1280px) { .css-i3eg1 { grid-template-rows: none; grid-template-columns: auto; } } @media (min-width: 768px) and (max-width: 1279px) { .css-i3eg1 { grid-template-rows: none; grid-template-columns: auto; } } @media (max-width: 767px) { .css-i3eg1 { grid-template-rows: none; grid-template-columns: auto; } } .css-mknfsq-image { display: block; object-fit: cover; width: 60px; height: 60px; aspect-ratio: 60 / 60; } @media (min-width: 768px) and (max-width: 1279px) { .css-mknfsq-image { width: 60px; height: 60px; object-fit: cover; aspect-ratio: 60 / 60; } } @media (max-width: 767px) { .css-mknfsq-image { width: 60px; height: 60px; object-fit: cover; aspect-ratio: 60 / 60; } } @media (min-width: 768px) and (max-width: 1279px) { .css-mknfsq-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: cover; aspect-ratio: 60 / 60; } } @media (min-width: 768px) and (max-width: 1279px) { .css-c445s5 { padding: 0px 0px 0px 72px; } } .css-16rh551 { max-width: 720px; } .css-16rh551.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-16rh551 { max-width: 600px; } } @media (max-width: 767px) { .css-16rh551 { max-width: 600px; } } .css-rez9at-backgroundPosition { background-position: left bottom; } .css-16bh6ad-backgroundImage { background-image: url(/assets/esbuild/hiring-process-background-A477YBUL.jpg); } @media (min-width: 1280px) { .css-1gfyexc { grid-template-rows: none; grid-template-columns: 240px auto; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1gfyexc { grid-template-rows: none; grid-template-columns: 216px auto; } } @media (max-width: 767px) { .css-1gfyexc { grid-template-rows: 1fr; grid-template-columns: none; } } .css-1tb777j { display: grid; grid-gap: 120px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1tb777j { grid-gap: 24px; } } @media (max-width: 767px) { .css-1tb777j { grid-gap: 24px; } } .css-i05ln8::before { background-color: rgba(2552552550.3); } .css-1306q46::before { left: 12px; top: 17px; bottom: 0; height: auto; } @media (min-width: 768px) and (max-width: 1279px) { .css-1306q46::before { left: 12px; top: 17px; bottom: 0; height: auto; } } @media (max-width: 767px) { .css-1306q46::before { left: 12px; top: 17px; bottom: 0; height: auto; } } .css-12rg7f0::before { left: 12px; top: 0; bottom: 0; height: auto; } @media (min-width: 768px) and (max-width: 1279px) { .css-12rg7f0::before { left: 12px; top: 0; bottom: 0; height: auto; } } @media (max-width: 767px) { .css-12rg7f0::before { left: 12px; top: 0; bottom: 0; height: auto; } } .css-dn8lbn::before { left: 12px; top: 0; bottom: auto; height: 17px; } @media (min-width: 768px) and (max-width: 1279px) { .css-dn8lbn::before { left: 12px; top: 0; bottom: auto; height: 17px; } } @media (max-width: 767px) { .css-dn8lbn::before { left: 12px; top: 0; bottom: auto; height: 17px; } } @media (min-width: 1280px) { .css-24ajaa { grid-template-rows: none; grid-template-columns: auto 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-24ajaa { grid-template-rows: none; grid-template-columns: auto 1fr; } } @media (max-width: 767px) { .css-24ajaa { grid-template-rows: none; grid-template-columns: auto 1fr; } } .css-1pkeer1 { max-width: 600px; } .css-1pkeer1.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1pkeer1 { max-width: 400px; } } @media (max-width: 767px) { .css-1pkeer1 { max-width: 600px; } } @media (min-width: 1280px) { .css-66aqja { padding: 0px 0px 48px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1p85h3g { padding: 0px 0px 48px; } } @media (max-width: 767px) { .css-r41u73 { padding: 4px 0px 48px 0px; } } .css-1lyegom { max-width: 840px; } .css-1lyegom.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1lyegom { max-width: 600px; } } @media (max-width: 767px) { .css-1lyegom { max-width: 840px; } } .css-14fenvw { display: grid; grid-gap: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-14fenvw { grid-gap: 40px; } } @media (max-width: 767px) { .css-14fenvw { grid-gap: 40px; } } @media (min-width: 1280px) { .css-1th2nyk { padding: 16px 0px 0px 60px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-16bravh { padding: 16px 0px 0px; } } @media (min-width: 1280px) { .css-12yfhny { grid-template-rows: none; grid-template-columns: 216px 600px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-12yfhny { grid-template-rows: auto; grid-template-columns: none; } } @media (max-width: 767px) { .css-12yfhny { grid-template-rows: auto; grid-template-columns: none; } } .css-1kg8y3p { background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .css-1kg8y3p { background-image: url(/assets/esbuild/language-zh-ZI7NDXAA.svg); } } .css-1iujluo { background-image: url(/assets/esbuild/language-zh-ZI7NDXAA.svg); } @media (min-width: 768px) and (max-width: 1279px) { .css-1iujluo { background-image: url(/assets/esbuild/language-zh-ZI7NDXAA.svg); } } .css-hdit9d { width: 54px; height: 18px; } @media (min-width: 768px) and (max-width: 1279px) { .css-hdit9d { width: 54px; height: 18px; } } @media (max-width: 767px) { .css-hdit9d { width: 54px; height: 18px; } } .css-1fhxu9l { background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .css-1fhxu9l { background-image: url(/assets/esbuild/language-ko-X5WRMY3R.svg); } } .css-k0yzfl { background-image: url(/assets/esbuild/language-ko-X5WRMY3R.svg); } @media (min-width: 768px) and (max-width: 1279px) { .css-k0yzfl { background-image: url(/assets/esbuild/language-ko-X5WRMY3R.svg); } } .css-18lq66j { border-color: rgba(0000.2); } .css-z0n7n9 { height: 104px; } .css-1c4zlde { padding: 40px 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1c4zlde { padding: 40px 24px 0; } } @media (max-width: 767px) { .css-1c4zlde { padding: 48px 16px 48px; } } .css-1x7dgnn-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 844; } @media (min-width: 768px) and (max-width: 1279px) { .css-1x7dgnn-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 844; } } @media (max-width: 767px) { .css-1x7dgnn-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 844; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1x7dgnn-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 844; } } .css-1pi0clu-imageSrcSetter { } @media (max-width: 768px) { .css-1pi0clu-imageSrcSetter { content: url(/assets/esbuild/2-1-top-pages-MMQCR7HN.png); } } @media (min-width: 768px) { .css-1pi0clu-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-yf4d4d-imageSrcSetter { } @media (max-width: 768px) { .css-yf4d4d-imageSrcSetter { content: url(/assets/esbuild/2-2-top-subfolders-LXKXEEV5.png); } } @media (min-width: 768px) { .css-yf4d4d-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-1xolejf-imageSrcSetter { } @media (max-width: 768px) { .css-1xolejf-imageSrcSetter { content: url(/assets/esbuild/2-3-top-subdomains-5CJ4EVUH.png); } } @media (min-width: 768px) { .css-1xolejf-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-keuuyt-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 632; } @media (min-width: 768px) and (max-width: 1279px) { .css-keuuyt-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 632; } } @media (max-width: 767px) { .css-keuuyt-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 632; } } @media (min-width: 768px) and (max-width: 1279px) { .css-keuuyt-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 632; } } .css-1pb35g7-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 615; } @media (min-width: 768px) and (max-width: 1279px) { .css-1pb35g7-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 615; } } @media (max-width: 767px) { .css-1pb35g7-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 615; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1pb35g7-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 615; } } .css-klebz-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 650; } @media (min-width: 768px) and (max-width: 1279px) { .css-klebz-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 650; } } @media (max-width: 767px) { .css-klebz-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 650; } } @media (min-width: 768px) and (max-width: 1279px) { .css-klebz-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 650; } } .css-1st63sr { padding: 64px 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1st63sr { padding: 40px 24px 0; } } @media (max-width: 767px) { .css-1st63sr { padding: 48px 16px 0; } } .css-qwhepx { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-qwhepx { grid-gap: 40px; } } @media (max-width: 767px) { .css-qwhepx { grid-gap: 0; } } .css-1m9vab7-box { opacity: 0; -webkit-transform: translateY(32px); -moz-transform: translateY(32px); -ms-transform: translateY(32px); transform: translateY(32px); } body[data-fonts-loaded] .css-1m9vab7-box.css-1kzpjvi-boxVisible { -webkit-animation: animation-1acbpvw 800ms cubic-bezier(0.300.51) 0ms 1 normal forwards runninganimation-1m67vkk 800ms cubic-bezier(0.300.51) 0ms 1 normal forwards running; animation: animation-1acbpvw 800ms cubic-bezier(0.300.51) 0ms 1 normal forwards runninganimation-1m67vkk 800ms cubic-bezier(0.300.51) 0ms 1 normal forwards running; } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 1280px) { .css-2yvlkg { grid-template-rows: none; grid-template-columns: 1fr 2fr 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-2yvlkg { grid-template-rows: none; grid-template-columns: 1fr 2fr; } } @media (max-width: 767px) { .css-2yvlkg { grid-template-rows: 1fr 3fr; grid-template-columns: none; } } .css-cm3i2a-box { opacity: 0; -webkit-transform: translateY(32px); -moz-transform: translateY(32px); -ms-transform: translateY(32px); transform: translateY(32px); } body[data-fonts-loaded] .css-cm3i2a-box.css-1kzpjvi-boxVisible { -webkit-animation: animation-1acbpvw 800ms cubic-bezier(0.300.51) 1000ms 1 normal forwards runninganimation-1m67vkk 800ms cubic-bezier(0.300.51) 1000ms 1 normal forwards running; animation: animation-1acbpvw 800ms cubic-bezier(0.300.51) 1000ms 1 normal forwards runninganimation-1m67vkk 800ms cubic-bezier(0.300.51) 1000ms 1 normal forwards running; } @media (max-width: 767px) { } @media (max-width: 767px) { } .css-13xn95k { padding: 128px 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-13xn95k { padding: 128px 24px 64px; } } @media (max-width: 767px) { .css-13xn95k { padding: 40px 16px 0; } } @media (min-width: 1280px) { .css-4hyyoh { grid-template-rows: auto 1fr; grid-template-columns: none; } } @media (min-width: 768px) and (max-width: 1279px) { .css-4hyyoh { grid-template-rows: auto 1fr; grid-template-columns: none; } } @media (max-width: 767px) { .css-4hyyoh { grid-template-rows: none; grid-template-columns: auto 1fr; } } .css-1cozorb { display: grid; grid-gap: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1cozorb { grid-gap: 24px; } } @media (max-width: 767px) { .css-1cozorb { grid-gap: 96px; } } .css-xj5st1 { padding-top: 4px; padding-bottom: 2px; } @media (min-width: 768px) and (max-width: 1279px) { .css-xj5st1 { padding-top: 4px; padding-bottom: 2px; } } @media (max-width: 767px) { .css-xj5st1 { padding-top: 4px; padding-bottom: 2px; } } .css-1x5n6ob { letter-spacing: -0.12rem; } @media (min-width: 768px) and (max-width: 1279px) { .css-1x5n6ob { letter-spacing: -0.12rem; } } @media (max-width: 767px) { .css-1x5n6ob { letter-spacing: -0.12rem; } } .css-vemh4e { font-family: "Ahrefs"sans-serif; font-size: 96px; line-height: 80px; } html[lang="ja"] .css-vemh4e { font-family: "Ahrefs""Zen"sans-serif; font-size: 96px; line-height: 80px; } html[lang="ko"] .css-vemh4e { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 96px; line-height: 80px; } .css-1d7j822-box { opacity: 0; -webkit-transform: translateY(32px); -moz-transform: translateY(32px); -ms-transform: translateY(32px); transform: translateY(32px); } body[data-fonts-loaded] .css-1d7j822-box.css-1kzpjvi-boxVisible { -webkit-animation: animation-1acbpvw 800ms cubic-bezier(0.300.51) 500ms 1 normal forwards runninganimation-1m67vkk 800ms cubic-bezier(0.300.51) 500ms 1 normal forwards running; animation: animation-1acbpvw 800ms cubic-bezier(0.300.51) 500ms 1 normal forwards runninganimation-1m67vkk 800ms cubic-bezier(0.300.51) 500ms 1 normal forwards running; } @media (max-width: 767px) { } @media (max-width: 767px) { } .css-1o8vtex-image { display: block; object-fit: contain; width: 600px; height: 1014px; aspect-ratio: 600 / 1014; } @media (min-width: 768px) and (max-width: 1279px) { .css-1o8vtex-image { width: 480px; height: 811px; object-fit: contain; aspect-ratio: 480 / 811; } } @media (max-width: 767px) { .css-1o8vtex-image { width: 315px; height: 532px; object-fit: initial; aspect-ratio: 315 / 532; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1o8vtex-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 600 / 1014; } } .css-nsxgm3 { padding: 96px 40px 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-nsxgm3 { padding: 64px 24px 40px; } } @media (max-width: 767px) { .css-nsxgm3 { padding: 48px 16px 32px; } } .css-12ubpp7-box { opacity: 0; -webkit-transform: translateY(32px); -moz-transform: translateY(32px); -ms-transform: translateY(32px); transform: translateY(32px); } body[data-fonts-loaded] .css-12ubpp7-box.css-1kzpjvi-boxVisible { -webkit-animation: animation-1acbpvw 500ms cubic-bezier(0.300.51) 200ms 1 normal forwards runninganimation-1m67vkk 500ms cubic-bezier(0.300.51) 200ms 1 normal forwards running; animation: animation-1acbpvw 500ms cubic-bezier(0.300.51) 200ms 1 normal forwards runninganimation-1m67vkk 500ms cubic-bezier(0.300.51) 200ms 1 normal forwards running; } @media (max-width: 767px) { } @media (max-width: 767px) { } .css-1imivd6 { max-width: 840px; } .css-1imivd6.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1imivd6 { max-width: 600px; } } @media (max-width: 767px) { .css-1imivd6 { max-width: 720px; } } .css-1kwpekr { padding: 0 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1kwpekr { padding: 0 24px 64px; } } @media (max-width: 767px) { .css-1kwpekr { padding: 0 16px 64px; } } .css-kmvsx { display: grid; grid-gap: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-kmvsx { grid-gap: 16px; } } @media (max-width: 767px) { .css-kmvsx { grid-gap: 16px; } } .css-1nyu21j-image { display: block; object-fit: contain; width: 1220px; height: 800px; aspect-ratio: 1220 / 800; } @media (min-width: 768px) and (max-width: 1279px) { .css-1nyu21j-image { width: 720px; height: 472px; object-fit: contain; aspect-ratio: 720 / 472; } } @media (max-width: 767px) { .css-1nyu21j-image { width: 375px; height: 246px; object-fit: initial; aspect-ratio: 375 / 246; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1nyu21j-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1220 / 800; } } .css-y9rl4m-image { display: block; object-fit: contain; width: 590px; height: 800px; aspect-ratio: 590 / 800; } @media (min-width: 768px) and (max-width: 1279px) { .css-y9rl4m-image { width: 352px; height: 477px; object-fit: contain; aspect-ratio: 352 / 477; } } @media (max-width: 767px) { .css-y9rl4m-image { width: 180px; height: 244px; object-fit: initial; aspect-ratio: 180 / 244; } } @media (min-width: 768px) and (max-width: 1279px) { .css-y9rl4m-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 590 / 800; } } .css-eyv5tq { flex-grow: 1; background-color: #3A57FC; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 300ms; } .css-1xo4n4x-separatorInView .css-eyv5tq { height: 0px; } @media (max-width: 767px) { .css-eyv5tq { transition-delay: 200ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-eyv5tq { height: 0px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-eyv5tq { height: 0px; } } @media (max-width: 767px) { .css-eyv5tq:last-child { display: none; } } .css-1x2flzv { flex-grow: 1; background-color: #3A57FC; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 200ms; } .css-1xo4n4x-separatorInView .css-1x2flzv { height: 21px; } @media (max-width: 767px) { .css-1x2flzv { transition-delay: 100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-1x2flzv { height: 16px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-1x2flzv { height: 16px; } } @media (max-width: 767px) { .css-1x2flzv:last-child { display: none; } } .css-14pcgxv { flex-grow: 1; background-color: #3A57FC; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 100ms; } .css-1xo4n4x-separatorInView .css-14pcgxv { height: 42px; } @media (max-width: 767px) { .css-14pcgxv { transition-delay: 0ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-14pcgxv { height: 32px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-14pcgxv { height: 32px; } } @media (max-width: 767px) { .css-14pcgxv:last-child { display: none; } } .css-mp89kc { flex-grow: 1; background-color: #3A57FC; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 0ms; } .css-1xo4n4x-separatorInView .css-mp89kc { height: 64px; } @media (max-width: 767px) { .css-mp89kc { transition-delay: -100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-mp89kc { height: 48px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-mp89kc { height: 32px; } } @media (max-width: 767px) { .css-mp89kc:last-child { display: none; } } .css-1fc7fo3 { display: flex; align-items: flex-end; height: 64px; background-color: #000000; } .css-1fc7fo3 css-sp6hf8-separatorWithVerticalOffset { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); margin-bottom: -64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1fc7fo3 { height: 48px; } } @media (max-width: 767px) { .css-1fc7fo3 { height: 32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1fc7fo3 css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -48px; } } @media (max-width: 767px) { .css-1fc7fo3 css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -32px; } } .css-xp4v9n { padding: 96px 40px 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-xp4v9n { padding: 64px 24px 40px; } } @media (max-width: 767px) { .css-xp4v9n { padding: 48px 16px 40px; } } .css-1y01gx4 { margin: 0 0 0 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1y01gx4 { margin: 0 0 0 auto; } } @media (max-width: 767px) { .css-1y01gx4 { margin: 0 0 0 0; } } .css-e364ta-box { opacity: 0; -webkit-transform: translateY(32px); -moz-transform: translateY(32px); -ms-transform: translateY(32px); transform: translateY(32px); } body[data-fonts-loaded] .css-e364ta-box.css-1kzpjvi-boxVisible { -webkit-animation: animation-1acbpvw 500ms cubic-bezier(0.300.51) 300ms 1 normal forwards runninganimation-1m67vkk 500ms cubic-bezier(0.300.51) 300ms 1 normal forwards running; animation: animation-1acbpvw 500ms cubic-bezier(0.300.51) 300ms 1 normal forwards runninganimation-1m67vkk 500ms cubic-bezier(0.300.51) 300ms 1 normal forwards running; } @media (max-width: 767px) { } @media (max-width: 767px) { } .css-yw3wzk-box { opacity: 0; -webkit-transform: translateY(32px); -moz-transform: translateY(32px); -ms-transform: translateY(32px); transform: translateY(32px); } body[data-fonts-loaded] .css-yw3wzk-box.css-1kzpjvi-boxVisible { -webkit-animation: animation-1acbpvw 500ms cubic-bezier(0.300.51) 700ms 1 normal forwards runninganimation-1m67vkk 500ms cubic-bezier(0.300.51) 700ms 1 normal forwards running; animation: animation-1acbpvw 500ms cubic-bezier(0.300.51) 700ms 1 normal forwards runninganimation-1m67vkk 500ms cubic-bezier(0.300.51) 700ms 1 normal forwards running; } @media (max-width: 767px) { } @media (max-width: 767px) { } .css-13ab1l7-image { display: block; object-fit: contain; width: 1206px; height: 280px; aspect-ratio: 1206 / 280; } @media (min-width: 768px) and (max-width: 1279px) { .css-13ab1l7-image { width: 804px; height: 187px; object-fit: contain; aspect-ratio: 804 / 187; } } @media (max-width: 767px) { .css-13ab1l7-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 804 / 187; } } @media (min-width: 768px) and (max-width: 1279px) { .css-13ab1l7-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1206 / 280; } } .css-pv849v { max-width: 1080px; } .css-pv849v.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-pv849v { max-width: 720px; } } @media (max-width: 767px) { .css-pv849v { max-width: 480px; } } .css-xsyayj-box { opacity: 0; -webkit-transform: translateY(32px); -moz-transform: translateY(32px); -ms-transform: translateY(32px); transform: translateY(32px); } body[data-fonts-loaded] .css-xsyayj-box.css-1kzpjvi-boxVisible { -webkit-animation: animation-1acbpvw 500ms cubic-bezier(0.300.51) 1200ms 1 normal forwards runninganimation-1m67vkk 500ms cubic-bezier(0.300.51) 1200ms 1 normal forwards running; animation: animation-1acbpvw 500ms cubic-bezier(0.300.51) 1200ms 1 normal forwards runninganimation-1m67vkk 500ms cubic-bezier(0.300.51) 1200ms 1 normal forwards running; } @media (max-width: 767px) { } @media (max-width: 767px) { } .css-12bnri7 { margin: 0 auto 0 auto; } @media (min-width: 768px) and (max-width: 1279px) { .css-12bnri7 { margin: 0 0 0 auto; } } @media (max-width: 767px) { .css-12bnri7 { margin: 0 0 0 0; } } .css-3g6xb4 { max-width: 1080px; } .css-3g6xb4.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-3g6xb4 { max-width: 480px; } } @media (max-width: 767px) { .css-3g6xb4 { max-width: 480px; } } .css-1of8ezo { padding: 96px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1of8ezo { padding: 64px 24px 64px; } } @media (max-width: 767px) { .css-1of8ezo { padding: 48px 16px 40px; } } .css-1heh92o { max-width: 840px; } .css-1heh92o.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1heh92o { max-width: 720px; } } @media (max-width: 767px) { .css-1heh92o { max-width: 720px; } } .css-c6oar4 tr { border-bottom: 1px solid rgba(2552552550.3); } .css-128id0k { padding: 0 40px; width: initial; margin: 0 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-128id0k { padding: 0 0; width: initial; margin: 0 0; } } @media (max-width: 767px) { .css-128id0k { padding: 0 16px; width: initial; margin: 0 0; } } .css-q3d95g { border-width: 0; height: 1px; background-color: #000000; } .css-q3d95g::after { display: block; content: ' '; border-bottom: 1px solid rgba(2552552550.3); } .css-14zxybb { fill: #FFA2A2; } .css-9a815u { padding: 24px 40px 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-9a815u { padding: 24px 24px 32px; } } @media (max-width: 767px) { .css-9a815u { padding: 16px 16px 8px; } } .css-1mwo467-imageSrcSetter { } @media (max-width: 768px) { .css-1mwo467-imageSrcSetter { content: url(/assets/esbuild/1_Single_keyword_view-HQKF4BEC.png); } } @media (min-width: 768px) { .css-1mwo467-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-f6o849-imageSrcSetter { } @media (max-width: 768px) { .css-f6o849-imageSrcSetter { content: url(/assets/esbuild/1_Bulk_keyword_view-W7HB5GDF.png); } } @media (min-width: 768px) { .css-f6o849-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-hvgxe0-imageSrcSetter { } @media (max-width: 768px) { .css-hvgxe0-imageSrcSetter { content: url(/assets/esbuild/2_Country_select-DBUBYJCL.png); } } @media (min-width: 768px) { .css-hvgxe0-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-97nmn0-imageSrcSetter { } @media (max-width: 768px) { .css-97nmn0-imageSrcSetter { content: url(/assets/esbuild/2_Global_volume-4762RDBE.png); } } @media (min-width: 768px) { .css-97nmn0-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-styp0v-imageSrcSetter { } @media (max-width: 768px) { .css-styp0v-imageSrcSetter { content: url(/assets/esbuild/3_All_keyword_ideas-YYEG7PBY.png); } } @media (min-width: 768px) { .css-styp0v-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-cu7dc0-imageSrcSetter { } @media (max-width: 768px) { .css-cu7dc0-imageSrcSetter { content: url(/assets/esbuild/3_Phrase_match-E3UVSWMH.png); } } @media (min-width: 768px) { .css-cu7dc0-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-1qhj5g8-imageSrcSetter { } @media (max-width: 768px) { .css-1qhj5g8-imageSrcSetter { content: url(/assets/esbuild/3_Having_same_terms-TY5QKHNX.png); } } @media (min-width: 768px) { .css-1qhj5g8-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-11mmkvd-imageSrcSetter { } @media (max-width: 768px) { .css-11mmkvd-imageSrcSetter { content: url(/assets/esbuild/3_Questions-IBUJESB3.png); } } @media (min-width: 768px) { .css-11mmkvd-imageSrcSetter { content: url(/assets/esbuild/[email protected]); } } .css-xbi485-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 490; } @media (min-width: 768px) and (max-width: 1279px) { .css-xbi485-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 490; } } @media (max-width: 767px) { .css-xbi485-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 490; } } @media (min-width: 768px) and (max-width: 1279px) { .css-xbi485-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 490; } } .css-14tw3zi-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 526; } @media (min-width: 768px) and (max-width: 1279px) { .css-14tw3zi-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 526; } } @media (max-width: 767px) { .css-14tw3zi-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 526; } } @media (min-width: 768px) and (max-width: 1279px) { .css-14tw3zi-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 526; } } @media (min-width: 1280px) { .css-efpw0y { grid-template-rows: auto; grid-template-columns: none; } } @media (min-width: 768px) and (max-width: 1279px) { .css-efpw0y { grid-template-rows: none; grid-template-columns: none; } } @media (max-width: 767px) { .css-efpw0y { grid-template-rows: auto; grid-template-columns: none; } } .css-1i4vm0t { padding: 64px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1i4vm0t { padding: 64px 24px 64px; } } @media (max-width: 767px) { .css-1i4vm0t { padding: 48px 16px 48px; } } .css-1j4v8xs { padding: 17px 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1j4v8xs { padding: 17px 32px; } } @media (max-width: 767px) { .css-1j4v8xs { padding: 13px 24px; } } .css-46ij9e { gap: 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-46ij9e { gap: 16px; } } @media (max-width: 767px) { .css-46ij9e { gap: 12px; } } .css-10tu008-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-10tu008-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 0; } } @media (max-width: 767px) { .css-10tu008-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 0; } } @media (min-width: 768px) and (max-width: 1279px) { .css-10tu008-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 0; } } .css-13lfki2 { height: 100%; } @media (min-width: 768px) and (max-width: 1279px) { .css-13lfki2 { height: auto; } } @media (max-width: 767px) { .css-13lfki2 { height: auto; } } .css-13z1i0e { height: 800px; } @media (min-width: 768px) and (max-width: 1279px) { .css-13z1i0e { height: auto; } } @media (max-width: 767px) { .css-13z1i0e { height: auto; } } .css-iau7ma { padding: 0 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-iau7ma { padding: 64px 24px 64px; } } @media (max-width: 767px) { .css-iau7ma { padding: 48px 16px 48px; } } .css-ppbqy3 { align-content: center; } @media (min-width: 768px) and (max-width: 1279px) { .css-ppbqy3 { align-content: center; } } @media (max-width: 767px) { .css-ppbqy3 { align-content: center; } } .css-1ospvdu { margin: 0 0 0 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ospvdu { margin: 0 auto 0 auto; } } @media (max-width: 767px) { .css-1ospvdu { margin: 0 auto 0 auto; } } .css-1mj0hj9-sectionColor { --color-link: #FFF; background-color: transparent; color: #FFF; } @media (min-width: 768px) and (max-width: 1279px) { .css-cenq5u { gap: 32px; } } .css-oiyuj9 { grid-template-columns: 1fr 1fr 1fr; } @media (min-width: 768px) and (max-width: 1279px) { .css-oiyuj9 { grid-template-columns: 1fr; } } @media (max-width: 767px) { .css-oiyuj9 { grid-template-columns: 1fr; } } .css-gmfzpm { padding: 64px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-gmfzpm { padding: 64px 24px 64px; } } @media (max-width: 767px) { .css-gmfzpm { padding: 40px 16px 40px; } } .css-1papq4p { max-width: 1200px; } .css-1papq4p.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1papq4p { max-width: 720px; } } @media (max-width: 767px) { .css-1papq4p { max-width: 768px; } } .css-i4mpjl { display: grid; grid-gap: 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-i4mpjl { grid-gap: 8px; } } @media (max-width: 767px) { .css-i4mpjl { grid-gap: 8px; } } .css-krwcv3 { width: calc(100vw - 17px); } .css-1nmsqe7 { -webkit-transform: translateX(calc(0% - 0px)); -moz-transform: translateX(calc(0% - 0px)); -ms-transform: translateX(calc(0% - 0px)); transform: translateX(calc(0% - 0px)); transition: transform 250ms ease 0ms normal; } .css-15cdxpg-imageSrcSetter { } @media (max-width: 768px) { .css-15cdxpg-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/Auto-submit+to+IndexNow_decacdba438fcd86c57dd85d2766a4e0.png); } } @media (min-width: 768px) { .css-15cdxpg-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/Auto-submit+to+IndexNow_decacdba438fcd86c57dd85d2766a4e0.png); } } .css-x1m6xa-imageSrcSetter { } @media (max-width: 768px) { .css-x1m6xa-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/AOA_decacdba438fcd86c57dd85d2766a4e0.png); } } @media (min-width: 768px) { .css-x1m6xa-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/AOA_decacdba438fcd86c57dd85d2766a4e0.png); } } .css-mou0b6 { width: 42px; height: 42px; } .css-1n9knz9:after { width: 8px; } .css-4gmsor:after { content: ''; display: block; position: absolute; left: 4px; border-radius: 4px; min-width: 8px; max-width: 48px; height: 8px; background-color: #FF8D00; } .css-1w2oqhd:before { background-color: rgba(0000.4); } .css-181ipwu:hover:before { width: 16px; height: 16px; background-color: #FF8D00; } .css-xx0fcr { padding: 64px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-xx0fcr { padding: 64px 24px 96px; } } @media (max-width: 767px) { .css-xx0fcr { padding: 48px 16px 48px; } } .css-1ss8hkz { max-width: 1080px; } .css-1ss8hkz.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ss8hkz { max-width: 720px; } } @media (max-width: 767px) { .css-1ss8hkz { max-width: 420px; } } .css-1ulk5vj { padding: 19px 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ulk5vj { padding: 16px 24px; } } @media (max-width: 767px) { .css-1ulk5vj { padding: 9px 16px; } } .css-1tcvrj4-image { display: block; object-fit: contain; width: 1080px; height: 607px; aspect-ratio: 1080 / 607; } @media (min-width: 768px) and (max-width: 1279px) { .css-1tcvrj4-image { width: 720px; height: 404px; object-fit: contain; aspect-ratio: 720 / 404; } } @media (max-width: 767px) { .css-1tcvrj4-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 720 / 404; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1tcvrj4-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 607; } } .css-1fbcm19 { padding: 96px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1fbcm19 { padding: 96px 24px 64px; } } @media (max-width: 767px) { .css-1fbcm19 { padding: 48px 16px 32px; } } .css-12djyz2 { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-12djyz2 { grid-gap: 64px; } } @media (max-width: 767px) { .css-12djyz2 { grid-gap: 32px; } } .css-q4m3i4 { max-width: 600px; } .css-q4m3i4.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-q4m3i4 { max-width: 720px; } } @media (max-width: 767px) { .css-q4m3i4 { max-width: 600px; } } .css-u03ki2-imageTransforms { -webkit-transform: scale(11); -moz-transform: scale(11); -ms-transform: scale(11); transform: scale(11); } @media (min-width: 768px) and (max-width: 1279px) { .css-u03ki2-imageTransforms { -webkit-transform: scale(11); -moz-transform: scale(11); -ms-transform: scale(11); transform: scale(11); } } @media (max-width: 767px) { .css-u03ki2-imageTransforms { -webkit-transform: scale(1.071.07); -moz-transform: scale(1.071.07); -ms-transform: scale(1.071.07); transform: scale(1.071.07); } } .css-10z5r4l-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 506; } @media (min-width: 768px) and (max-width: 1279px) { .css-10z5r4l-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 506; } } @media (max-width: 767px) { .css-10z5r4l-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 506; } } @media (min-width: 768px) and (max-width: 1279px) { .css-10z5r4l-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 506; } } .css-676hed { padding: 0 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-676hed { padding: 0 24px 64px; } } @media (max-width: 767px) { .css-676hed { padding: 0 16px 32px; } } .css-43z1vd { padding: 0 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-43z1vd { padding: 0 24px 96px; } } @media (max-width: 767px) { .css-43z1vd { padding: 0 16px 48px; } } .css-16ogoy4-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 823; } @media (min-width: 768px) and (max-width: 1279px) { .css-16ogoy4-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 823; } } @media (max-width: 767px) { .css-16ogoy4-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 823; } } @media (min-width: 768px) and (max-width: 1279px) { .css-16ogoy4-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 823; } } .css-1i9lo1v { padding: 64px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1i9lo1v { padding: 64px 24px 64px; } } @media (max-width: 767px) { .css-1i9lo1v { padding: 48px 16px 48px; } } .css-1frjf7n-textWhiteSpace { white-space: pre-line; } .css-2rp3t1-boxVgap { margin-top: 16px; } @media (max-width: 767px) { .css-2rp3t1-boxVgap { margin-top: 32px; } } .css-41lgec-inlineRowVgap { margin-top: -16px; } @media (max-width: 767px) { .css-41lgec-inlineRowVgap { margin-top: -32px; } } .css-15rksqm { max-width: 480px; } .css-15rksqm.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-15rksqm { max-width: 360px; } } @media (max-width: 767px) { .css-15rksqm { max-width: 720px; } } .css-1sw1611 { font-family: "Ahrefs"sans-serif; font-size: 32px; line-height: 34px; } html[lang="ja"] .css-1sw1611 { font-family: "Ahrefs""Zen"sans-serif; font-size: 32px; line-height: 34px; } html[lang="ko"] .css-1sw1611 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 32px; line-height: 34px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1sw1611 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { .css-1sw1611 { font-size: 20px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-1sw1611 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { html[lang="ja"] .css-1sw1611 { font-size: 20px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-1sw1611 { font-size: 32px; line-height: 34px; } } @media (max-width: 767px) { html[lang="ko"] .css-1sw1611 { font-size: 20px; line-height: 24px; } } .css-f2r9ty { max-width: 300px; } .css-f2r9ty.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-f2r9ty { max-width: 300px; } } @media (max-width: 767px) { .css-f2r9ty { max-width: 720px; } } .css-thv6yt { padding: 13px 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-thv6yt { padding: 13px 24px; } } @media (max-width: 767px) { .css-thv6yt { padding: 7px 16px; } } .css-rk5z9g { gap: 12px; } @media (min-width: 768px) and (max-width: 1279px) { .css-rk5z9g { gap: 12px; } } @media (max-width: 767px) { .css-rk5z9g { gap: 8px; } } .css-ifde6j { font-family: "Ahrefs"sans-serif; font-size: 24px; line-height: 26px; } html[lang="ja"] .css-ifde6j { font-family: "Ahrefs""Zen"sans-serif; font-size: 24px; line-height: 26px; } html[lang="ko"] .css-ifde6j { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 24px; line-height: 26px; } @media (min-width: 768px) and (max-width: 1279px) { .css-ifde6j { font-size: 24px; line-height: 26px; } } @media (max-width: 767px) { .css-ifde6j { font-size: 20px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-ifde6j { font-size: 24px; line-height: 26px; } } @media (max-width: 767px) { html[lang="ja"] .css-ifde6j { font-size: 20px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-ifde6j { font-size: 24px; line-height: 26px; } } @media (max-width: 767px) { html[lang="ko"] .css-ifde6j { font-size: 20px; line-height: 24px; } } .css-b3w9c { max-width: 240px; } .css-b3w9c.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-b3w9c { max-width: 240px; } } @media (max-width: 767px) { .css-b3w9c { max-width: 240px; } } .css-nx7yjo { padding: 8px 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-nx7yjo { padding: 8px 24px 0; } } @media (max-width: 767px) { .css-nx7yjo { padding: 8px 16px 0; } } .css-111hict-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 810; } @media (min-width: 768px) and (max-width: 1279px) { .css-111hict-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 810; } } @media (max-width: 767px) { .css-111hict-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 810; } } @media (min-width: 768px) and (max-width: 1279px) { .css-111hict-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 810; } } .css-1fecn6i { padding: 96px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1fecn6i { padding: 96px 24px 96px; } } @media (max-width: 767px) { .css-1fecn6i { padding: 64px 16px 64px; } } @media (min-width: 1280px) { .css-28wqrx { grid-template-rows: none; grid-template-columns: 5fr 4fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-28wqrx { grid-template-rows: none; grid-template-columns: 5fr 4fr; } } @media (max-width: 767px) { .css-28wqrx { grid-template-rows: 5fr 4fr; grid-template-columns: none; } } .css-xsygm8 { display: grid; grid-gap: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-xsygm8 { grid-gap: 0; } } @media (max-width: 767px) { .css-xsygm8 { grid-gap: 32px; } } .css-14k9puj-image { display: block; object-fit: contain; width: 548px; height: 246px; aspect-ratio: 548 / 246; } @media (min-width: 768px) and (max-width: 1279px) { .css-14k9puj-image { width: 548px; height: 246px; object-fit: contain; aspect-ratio: 548 / 246; } } @media (max-width: 767px) { .css-14k9puj-image { width: 422px; height: 188px; object-fit: initial; aspect-ratio: 422 / 188; } } @media (min-width: 768px) and (max-width: 1279px) { .css-14k9puj-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 548 / 246; } } .css-hoe4mn { padding: 48px 40px 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-hoe4mn { padding: 32px 24px 32px; } } @media (max-width: 767px) { .css-hoe4mn { padding: 64px 16px 24px; } } @media (min-width: 1280px) { .css-1hvq0sq { grid-template-rows: none; grid-template-columns: 600px auto; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1hvq0sq { grid-template-rows: none; grid-template-columns: 443px auto; } } @media (max-width: 767px) { .css-1hvq0sq { grid-template-rows: auto auto; grid-template-columns: none; } } .css-e4eajf { padding: 24px 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-e4eajf { padding: 12px 24px 0; } } @media (max-width: 767px) { .css-e4eajf { padding: 0 16px 0; } } .css-y26t3a { border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; -webkit-clip-path: inset(1px); clip-path: inset(1px); } .css-y26t3a > * { border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; } .css-xm1opi-minHeight { min-height: 262px; } @media (min-width: 768px) and (max-width: 1279px) { .css-xm1opi-minHeight { min-height: 230px; } } @media (max-width: 767px) { .css-xm1opi-minHeight { min-height: 168px; } } @media (min-width: 1280px) { .css-7r36ve { padding: 40px 40px 40px 48px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-jt5eky { padding: 24px 24px; } } @media (min-width: 1280px) { .css-1oxp0gr { padding: 0px 16px 0px 0px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1g7lmbi { padding: 0px 16px 0px 0px; } } @media (max-width: 767px) { .css-1wfs8tu { padding: 0px 16px 0px 0px; } } .css-oxh0lb { background-color: #FFF4E8; } @media (min-width: 1280px) { .css-2f2ic5 { grid-template-rows: none; grid-template-columns: auto 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-2f2ic5 { grid-template-rows: none; grid-template-columns: auto 1fr; } } @media (max-width: 767px) { .css-2f2ic5 { grid-template-rows: auto 1fr; grid-template-columns: none; } } .css-1bl5bzm-imageSrcSetter { } @media (max-width: 768px) { .css-1bl5bzm-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/01-Carousel-Top-competitors_59088598a2caf9144eb662b3186fd386.png); } } @media (min-width: 768px) { .css-1bl5bzm-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/01-Carousel-Top-competitors_59088598a2caf9144eb662b3186fd386.png); } } .css-ow80ti-imageSrcSetter { } @media (max-width: 768px) { .css-ow80ti-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/02-Carousel-Author+portfolios_6b453567c140d2e40276b007a8db1547.png); } } @media (min-width: 768px) { .css-ow80ti-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/02-Carousel-Author+portfolios_6b453567c140d2e40276b007a8db1547.png); } } .css-gi5d3m-imageSrcSetter { } @media (max-width: 768px) { .css-gi5d3m-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/03-Carousel-Client+portfolios_59088598a2caf9144eb662b3186fd386.png); } } @media (min-width: 768px) { .css-gi5d3m-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/03-Carousel-Client+portfolios_59088598a2caf9144eb662b3186fd386.png); } } .css-zd5zw7-imageSrcSetter { } @media (max-width: 768px) { .css-zd5zw7-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/04-Carousel-Localized+domains_6b453567c140d2e40276b007a8db1547.png); } } @media (min-width: 768px) { .css-zd5zw7-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/04-Carousel-Localized+domains_6b453567c140d2e40276b007a8db1547.png); } } .css-6ngrg0-imageSrcSetter { } @media (max-width: 768px) { .css-6ngrg0-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/05-Carousel-On-page+SEO+tests_257add6fb0b0c49bcb3bccbc072286a5.png); } } @media (min-width: 768px) { .css-6ngrg0-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/05-Carousel-On-page+SEO+tests_257add6fb0b0c49bcb3bccbc072286a5.png); } } .css-possxv-imageSrcSetter { } @media (max-width: 768px) { .css-possxv-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/06-Carousel-Rank+tracking+at+scale_111af7cac142974c0fb9765fd2269dce.png); } } @media (min-width: 768px) { .css-possxv-imageSrcSetter { content: url(https://frontend-eu.s3.eu-central-1.amazonaws.com/06-Carousel-Rank+tracking+at+scale_111af7cac142974c0fb9765fd2269dce.png); } } .css-zp3th1 { padding: 48px 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-zp3th1 { padding: 40px 24px 64px; } } @media (max-width: 767px) { .css-zp3th1 { padding: 32px 16px 64px; } } .css-1ordhz1 { max-width: 1080px; } .css-1ordhz1.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1ordhz1 { max-width: 780px; } } @media (max-width: 767px) { .css-1ordhz1 { max-width: 780px; } } @media (min-width: 1280px) { .css-11led6e { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-11led6e { grid-template-rows: 1fr; grid-template-columns: none; } } @media (max-width: 767px) { .css-11led6e { grid-template-rows: 1fr; grid-template-columns: none; } } .css-1kbwdwd { font-size: 24px; height: 56px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1kbwdwd { font-size: 24px; height: 56px; } } @media (max-width: 767px) { .css-1kbwdwd { font-size: 20px; height: 42px; } } @media (min-width: 1280px) { .css-1kha6vs { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1kha6vs { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .css-1kha6vs { grid-template-rows: auto auto; grid-template-columns: none; } } .css-1k3v06z { display: grid; grid-gap: 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1k3v06z { grid-gap: 48px; } } @media (max-width: 767px) { .css-1k3v06z { grid-gap: 48px; } } .css-100j7dq { display: grid; grid-gap: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-100j7dq { grid-gap: 48px; } } @media (max-width: 767px) { .css-100j7dq { grid-gap: 24px; } } .css-131rhhc { max-width: 960px; } .css-131rhhc.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-131rhhc { max-width: 600px; } } @media (max-width: 767px) { .css-131rhhc { max-width: 720px; } } .css-h2h3yr { max-width: 1080px; } .css-h2h3yr.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-h2h3yr { max-width: 640px; } } @media (max-width: 767px) { .css-h2h3yr { max-width: 640px; } } @media (min-width: 1280px) { .css-ou01qy { padding: 24px 0px 0px 0px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-16mrhal { padding: 0px 0px 0px 0px; } } @media (max-width: 767px) { .css-u6lyf9 { padding: 0px 0px 0px 0px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-15cyal5 { padding: 24px 0px 24px 0px; } } @media (max-width: 767px) { .css-1hajgrq { padding: 24px 0px 24px 0px; } } .css-9elk5x { padding: 40px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-9elk5x { padding: 24px 24px 64px; } } @media (max-width: 767px) { .css-9elk5x { padding: 16px 16px 64px; } } @media (min-width: 1280px) { .css-zg7g89 { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-zg7g89 { grid-template-rows: auto auto; grid-template-columns: none; } } @media (max-width: 767px) { .css-zg7g89 { grid-template-rows: auto auto; grid-template-columns: none; } } @media (min-width: 1280px) { .css-1cu3x9c { padding: 24px 64px 40px 24px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1s4shfa { padding: 24px 48px 40px 24px; } } @media (max-width: 767px) { .css-l6thwp { padding: 24px 16px 32px 24px; } } .css-1j3ujmo { display: grid; grid-gap: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1j3ujmo { grid-gap: 48px; } } @media (max-width: 767px) { .css-1j3ujmo { grid-gap: 40px; } } .css-19ultrx { width: 32px; height: 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-19ultrx { width: 32px; height: 32px; } } @media (max-width: 767px) { .css-19ultrx { width: 32px; height: 32px; } } @media (min-width: 1280px) { .css-bz0atg { padding: 0px 0px 0px 48px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-185f5hn { padding: 0px 0px 0px 48px; } } .css-go6uw3 { fill: #27A77C; } .css-17d6abu { background-color: #3A75FF; } .css-12at8hj { fill: #3A75FF; } .css-j3giqp { display: grid; grid-gap: 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-j3giqp { grid-gap: 64px; } } @media (max-width: 767px) { .css-j3giqp { grid-gap: 48px; } } .css-1s2kwhr { display: grid; grid-gap: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1s2kwhr { grid-gap: 0; } } @media (max-width: 767px) { .css-1s2kwhr { grid-gap: 48px; } } @media (min-width: 1280px) { .css-1tl5er7 { padding: 0px 48px; } } .css-z5k0x6 { grid-template-columns: 1.8fr 1fr 1fr; } @media (min-width: 768px) and (max-width: 1279px) { .css-z5k0x6 { grid-template-columns: 1.3fr 1fr 1fr; } } @media (max-width: 767px) { .css-z5k0x6 { grid-template-columns: 1.45fr 1fr 1fr; } } @media (min-width: 1280px) { .css-o5gmlr { padding: 48px 0px 0px 0px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-10v0yxl { padding: 48px 0px 0px 0px; } } @media (max-width: 767px) { .css-ndyz { padding: 48px 0px 0px 0px; } } .css-3zl8ng-image { display: block; object-fit: contain; width: 70px; height: 28px; aspect-ratio: 70 / 28; } @media (min-width: 768px) and (max-width: 1279px) { .css-3zl8ng-image { width: 70px; height: 28px; object-fit: contain; aspect-ratio: 70 / 28; } } @media (max-width: 767px) { .css-3zl8ng-image { width: 50px; height: 20px; object-fit: initial; aspect-ratio: 50 / 20; } } @media (min-width: 768px) and (max-width: 1279px) { .css-3zl8ng-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 70 / 28; } } @media (min-width: 1280px) { .css-bsl3cs { padding: 32px 0px 8px 0px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1e69ny3 { padding: 32px 32px 8px 0px; } } @media (max-width: 767px) { .css-o0ce4p { padding: 32px 12px 8px 0px; } } @media (max-width: 767px) { .css-1rvaqn2 { padding: 8px 4px; } } @media (min-width: 1280px) { .css-1enoeox { padding: 8px 0px 8px 0px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1gwvvjb { padding: 8px 32px 8px 0px; } } @media (max-width: 767px) { .css-4if8ps { padding: 8px 12px 8px 0px; } } .css-fxl95k { font-family: "Inter"sans-serif; font-size: 18px; line-height: 28px; } html[lang="ja"] .css-fxl95k { font-family: "Inter""Zen"sans-serif; font-size: 18px; line-height: 28px; } html[lang="ko"] .css-fxl95k { font-family: "Inter""Pretendard"sans-serif; font-size: 18px; line-height: 28px; } @media (min-width: 768px) and (max-width: 1279px) { .css-fxl95k { font-size: 18px; line-height: 28px; } } @media (max-width: 767px) { .css-fxl95k { font-size: 16px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-fxl95k { font-size: 18px; line-height: 28px; } } @media (max-width: 767px) { html[lang="ja"] .css-fxl95k { font-size: 16px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-fxl95k { font-size: 18px; line-height: 28px; } } @media (max-width: 767px) { html[lang="ko"] .css-fxl95k { font-size: 16px; line-height: 24px; } } .css-squ656 { width: 20px; height: 20px; } @media (min-width: 768px) and (max-width: 1279px) { .css-squ656 { width: 20px; height: 20px; } } @media (max-width: 767px) { .css-squ656 { width: 20px; height: 20px; } } @media (min-width: 1280px) { .css-e26xel { padding: 0px 8px 32px 8px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1lmpbmp { padding: 0px 8px 24px 8px; } } @media (max-width: 767px) { .css-1dyixt8 { gap: 16px; } } .css-yxca2n { grid-template-rows: 1fr; } @media (min-width: 768px) and (max-width: 1279px) { .css-yxca2n { grid-template-rows: auto auto; } } @media (max-width: 767px) { .css-yxca2n { grid-template-rows: auto; } } .css-1iae90t { grid-template-columns: 1fr 1fr 1fr 1fr; } @media (min-width: 768px) and (max-width: 1279px) { .css-1iae90t { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 767px) { .css-1iae90t { grid-template-columns: 1fr 1fr; } } @media (min-width: 1280px) { .css-1n21x8i { grid-row-start: 1; grid-row-end: 1; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1wybti7 { grid-row-start: 1; grid-row-end: 1; } } @media (max-width: 767px) { .css-10d6kr8 { grid-row-start: 1; grid-row-end: 1; } } @media (min-width: 1280px) { .css-joex1f { grid-column-start: 1; grid-column-end: 1; } } @media (min-width: 768px) and (max-width: 1279px) { .css-b1bueu { grid-column-start: 1; grid-column-end: 4; } } @media (max-width: 767px) { .css-i70god { grid-column-start: 1; grid-column-end: 3; } } @media (min-width: 1280px) { .css-1jhgf1e { padding: 24px 24px 32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-6bxx3t { padding: 24px 24px 32px; } } @media (max-width: 767px) { .css-y6ipje { padding: 16px 16px 24px; } } .css-1geioe { display: grid; grid-gap: 8px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1geioe { grid-gap: 8px; } } @media (max-width: 767px) { .css-1geioe { grid-gap: 40px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1b30t0n { grid-column-start: 1; grid-column-end: 1; } } .css-xc7cty-textColor { color: #FF8D00; } @media (min-width: 1280px) { .css-1m278oo { padding: 48px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-lsih1w { padding: 32px 32px 40px; } } .css-1rnuxs5 { max-width: 550px; } .css-1rnuxs5.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1rnuxs5 { max-width: 550px; } } @media (max-width: 767px) { .css-1rnuxs5 { max-width: 800px; } } .css-xy7l3d { grid-template-columns: 1fr 1fr; } @media (min-width: 768px) and (max-width: 1279px) { .css-xy7l3d { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .css-xy7l3d { grid-template-columns: auto; } } .css-imy8xu { border-left: 1px solid rgba(2552552550.3); padding-left: 12px; margin-left: 0; align-self: stretch; align-content: center; } @media (min-width: 768px) and (max-width: 1279px) { .css-imy8xu { padding-left: 12px; margin-left: 0; } } @media (max-width: 767px) { .css-imy8xu { padding-left: 12px; margin-left: 4px; } } .css-1uajy5g-textAlign { text-align: right; } .css-4dtpsw-image { display: block; object-fit: contain; width: 90px; height: 83px; aspect-ratio: 90 / 83; } @media (min-width: 768px) and (max-width: 1279px) { .css-4dtpsw-image { width: 66px; height: 61px; object-fit: contain; aspect-ratio: 66 / 61; } } @media (max-width: 767px) { .css-4dtpsw-image { width: 0px; height: 0px; object-fit: initial; aspect-ratio: 0 / 0; } } @media (min-width: 768px) and (max-width: 1279px) { .css-4dtpsw-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 90 / 83; } } .css-1swi9ya { padding: 40px 40px 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1swi9ya { padding: 40px 24px 40px; } } @media (max-width: 767px) { .css-1swi9ya { padding: 32px 16px 32px; } } .css-si6a5p { max-width: 840px; } .css-si6a5p.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-si6a5p { max-width: 800px; } } @media (max-width: 767px) { .css-si6a5p { max-width: 600px; } } .css-1sogu93-minHeight { min-height: 520px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1sogu93-minHeight { min-height: 100px; } } @media (max-width: 767px) { .css-1sogu93-minHeight { min-height: 100px; } } @media (min-width: 1280px) { .css-17d84w0 { padding: 48px 48px 40px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-h7q8be { padding: 40px; } } .css-vn04qj { display: grid; grid-gap: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-vn04qj { grid-gap: 32px; } } @media (max-width: 767px) { .css-vn04qj { grid-gap: 40px; } } .css-10mj4z0 { max-width: 1200px; } .css-10mj4z0.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-10mj4z0 { max-width: 500px; } } @media (max-width: 767px) { .css-10mj4z0 { max-width: 600px; } } .css-1bt230a { max-width: 375px; } .css-1bt230a.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1bt230a { max-width: 520px; } } @media (max-width: 767px) { .css-1bt230a { max-width: 600px; } } .css-1d1459v-minHeight { min-height: 520px; } @media (max-width: 767px) { .css-1d1459v-minHeight { min-height: 330px; } } .css-vpznq0-image { display: block; object-fit: contain; width: 540px; height: 520px; aspect-ratio: 540 / 520; } @media (min-width: 768px) and (max-width: 1279px) { .css-vpznq0-image { width: 540px; height: 520px; object-fit: contain; aspect-ratio: 540 / 520; } } @media (max-width: 767px) { .css-vpznq0-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 540 / 520; } } @media (min-width: 768px) and (max-width: 1279px) { .css-vpznq0-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 540 / 520; } } .css-1wwsxv7 { padding: 96px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1wwsxv7 { padding: 96px 24px 96px; } } @media (max-width: 767px) { .css-1wwsxv7 { padding: 48px 16px 48px; } } .css-12glnsv { padding: 16px 0; border-bottom: 1px solid rgba(0000.1); } .css-12glnsv:last-child { padding-bottom: 0; border-bottom-width: 0; } .css-1xf6fjg { margin: 0; padding: 0; list--type: none; } @media (max-width: 1279px) { .css-1xf6fjg:first-child { padding-bottom: 16px; border-bottom: 1px solid rgba(0000.1); } } .css-bdm6o0 { color: #000000; } .css-bdm6o0 a { color: #3A57FC; } .css-1qdomdg { display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: -0.5em 0; width: 18px; height: 19px; background-image: url(/assets/esbuild/plus-blue-ABTQFAM6.svg); -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } @media (min-width: 768px) and (max-width: 1279px) { .css-1qdomdg { background-image: url(/assets/esbuild/plus-blue-ABTQFAM6.svg); width: 18px; height: 19px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1qdomdg { background-image: url(/assets/esbuild/plus-blue-ABTQFAM6.svg); width: 18px; height: 19px; -webkit-transform: translate(0px0px); -moz-transform: translate(0px0px); -ms-transform: translate(0px0px); transform: translate(0px0px); } } @media (max-width: 767px) { .css-1qdomdg.css-ie28gn-iconHideOnMobile { display: none; } } .css-1t7qusj { width: 40px; height: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1t7qusj { width: 32px; height: 32px; } } @media (max-width: 767px) { .css-1t7qusj { width: 32px; height: 32px; } } .css-1bduxk5 { font-family: "Ahrefs"sans-serif; font-size: 32px; line-height: 34px; } html[lang="ja"] .css-1bduxk5 { font-family: "Ahrefs""Zen"sans-serif; font-size: 32px; line-height: 34px; } html[lang="ko"] .css-1bduxk5 { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 32px; line-height: 34px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1bduxk5 { font-size: 20px; line-height: 24px; } } @media (max-width: 767px) { .css-1bduxk5 { font-size: 20px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-1bduxk5 { font-size: 20px; line-height: 24px; } } @media (max-width: 767px) { html[lang="ja"] .css-1bduxk5 { font-size: 20px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-1bduxk5 { font-size: 20px; line-height: 24px; } } @media (max-width: 767px) { html[lang="ko"] .css-1bduxk5 { font-size: 20px; line-height: 24px; } } .css-zszuot { padding: 48px 40px 128px; } @media (min-width: 768px) and (max-width: 1279px) { .css-zszuot { padding: 48px 24px 64px; } } @media (max-width: 767px) { .css-zszuot { padding: 40px 16px 48px; } } .css-77v2ec { justify-content: flex-start; } @media (min-width: 768px) and (max-width: 1279px) { .css-77v2ec { justify-content: space-between; } } @media (max-width: 767px) { .css-77v2ec { justify-content: initial; } } .css-rj4uha { display: grid; grid-gap: 120px; } @media (min-width: 768px) and (max-width: 1279px) { .css-rj4uha { grid-gap: 0; } } @media (max-width: 767px) { .css-rj4uha { grid-gap: 40px; } } .css-1pezu2p { max-width: 600px; } .css-1pezu2p.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1pezu2p { max-width: 440px; } } @media (max-width: 767px) { .css-1pezu2p { max-width: 720px; } } .css-1d6de50 { max-width: 360px; } .css-1d6de50.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1d6de50 { max-width: 360px; } } @media (max-width: 767px) { .css-1d6de50 { max-width: 720px; } } .css-gdy9b2 { max-width: 240px; } .css-gdy9b2.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-gdy9b2 { max-width: 240px; } } @media (max-width: 767px) { .css-gdy9b2 { max-width: 720px; } } .css-yriunx-imageBorder-DropShadowRounded { border-radius: 4px; box-shadow: 0 1px 0 0 rgba(2552552550.2) inset0 8px 32px 0 rgba(0000.03)0 32px 96px 0 rgba(0000.08)0 3px 0px 0 rgba(2252272291)0 2px 0px 0 rgba(2202222241)0 1px 0px 0 rgba(2172192211); } .css-1alcwfw-image { display: block; object-fit: contain; width: 1080px; height: 509px; aspect-ratio: 1080 / 509; } @media (min-width: 768px) and (max-width: 1279px) { .css-1alcwfw-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 720 / 339; } } @media (max-width: 767px) { .css-1alcwfw-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 720 / 339; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1alcwfw-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 509; } } .css-jc1qsw-box { opacity: 0; -webkit-transform: translateY(32px); -moz-transform: translateY(32px); -ms-transform: translateY(32px); transform: translateY(32px); } .css-jc1qsw-box.css-1kzpjvi-boxVisible { -webkit-animation: animation-1acbpvw 200ms cubic-bezier(0.300.51) 500ms 1 normal forwards runninganimation-1m67vkk 200ms cubic-bezier(0.300.51) 500ms 1 normal forwards running; animation: animation-1acbpvw 200ms cubic-bezier(0.300.51) 500ms 1 normal forwards runninganimation-1m67vkk 200ms cubic-bezier(0.300.51) 500ms 1 normal forwards running; } @media (max-width: 767px) { } .css-1umm3mx { border-radius: 4px; box-shadow: 0 1px 0 0 rgba(2552552550.2) inset0 8px 32px 0 rgba(0000.03)0 32px 96px 0 rgba(0000.08)0 3px 0px 0 rgba(2252272291)0 2px 0px 0 rgba(2202222241)0 1px 0px 0 rgba(2172192211); } .css-1061sk8-box { opacity: 0; -webkit-transform: translateY(32px); -moz-transform: translateY(32px); -ms-transform: translateY(32px); transform: translateY(32px); } .css-1061sk8-box.css-1kzpjvi-boxVisible { -webkit-animation: animation-1acbpvw 200ms cubic-bezier(0.300.51) 1000ms 1 normal forwards runninganimation-1m67vkk 200ms cubic-bezier(0.300.51) 1000ms 1 normal forwards running; animation: animation-1acbpvw 200ms cubic-bezier(0.300.51) 1000ms 1 normal forwards runninganimation-1m67vkk 200ms cubic-bezier(0.300.51) 1000ms 1 normal forwards running; } @media (max-width: 767px) { } .css-10r2w20-box { opacity: 0; -webkit-transform: translateY(32px); -moz-transform: translateY(32px); -ms-transform: translateY(32px); transform: translateY(32px); } .css-10r2w20-box.css-1kzpjvi-boxVisible { -webkit-animation: animation-1acbpvw 200ms cubic-bezier(0.300.51) 1500ms 1 normal forwards runninganimation-1m67vkk 200ms cubic-bezier(0.300.51) 1500ms 1 normal forwards running; animation: animation-1acbpvw 200ms cubic-bezier(0.300.51) 1500ms 1 normal forwards runninganimation-1m67vkk 200ms cubic-bezier(0.300.51) 1500ms 1 normal forwards running; } @media (max-width: 767px) { } .css-1umen6x { max-width: 960px; } .css-1umen6x.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1umen6x { max-width: 600px; } } @media (max-width: 767px) { .css-1umen6x { max-width: 600px; } } .css-syeel4 { padding: 48px 40px 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-syeel4 { padding: 32px 24px 32px; } } @media (max-width: 767px) { .css-syeel4 { padding: 40px 16px 48px; } } .css-4pak6s { display: grid; grid-gap: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-4pak6s { grid-gap: 40px; } } @media (max-width: 767px) { .css-4pak6s { grid-gap: 48px; } } @media (min-width: 1280px) { .css-19csv0j { gap: 32px 48px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-j8ufj0 { gap: 40px 32px; } } .css-190e9ob { justify-content: initial; } @media (min-width: 768px) and (max-width: 1279px) { .css-190e9ob { justify-content: initial; } } @media (max-width: 767px) { .css-190e9ob { justify-content: center; } } .css-10et1sn-image { display: block; object-fit: contain; width: 256px; height: 240px; aspect-ratio: 256 / 240; } @media (min-width: 768px) and (max-width: 1279px) { .css-10et1sn-image { width: 256px; height: 240px; object-fit: contain; aspect-ratio: 256 / 240; } } @media (max-width: 767px) { .css-10et1sn-image { width: 256px; height: 240px; object-fit: initial; aspect-ratio: 256 / 240; } } @media (min-width: 768px) and (max-width: 1279px) { .css-10et1sn-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 256 / 240; } } .css-1gq2z3w { padding-top: 4px; padding-bottom: 4px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1gq2z3w { padding-top: 4px; padding-bottom: 4px; } } @media (max-width: 767px) { .css-1gq2z3w { padding-top: 4px; padding-bottom: 4px; } } .css-p5h26n-image { display: block; object-fit: contain; width: 256px; height: 98px; aspect-ratio: 256 / 98; } @media (min-width: 768px) and (max-width: 1279px) { .css-p5h26n-image { width: 256px; height: 98px; object-fit: contain; aspect-ratio: 256 / 98; } } @media (max-width: 767px) { .css-p5h26n-image { width: 256px; height: 98px; object-fit: initial; aspect-ratio: 256 / 98; } } @media (min-width: 768px) and (max-width: 1279px) { .css-p5h26n-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 256 / 98; } } .css-e2f66h { display: grid; grid-gap: 24px; } @media (min-width: 768px) and (max-width: 1279px) { .css-e2f66h { grid-gap: 0; } } @media (max-width: 767px) { .css-e2f66h { grid-gap: 24px; } } .css-745ziz { margin-left: -8px; } @media (max-width: 767px) { .css-745ziz { margin-left: -4px; } } .css-juom99 { letter-spacing: -0.38rem; } @media (min-width: 768px) and (max-width: 1279px) { .css-juom99 { letter-spacing: -0.38rem; } } @media (max-width: 767px) { .css-juom99 { letter-spacing: -0.115rem; } } .css-du5cdv { font-family: "Ahrefs"sans-serif; font-size: 152px; line-height: 122px; } html[lang="ja"] .css-du5cdv { font-family: "Ahrefs""Zen"sans-serif; font-size: 152px; line-height: 122px; } html[lang="ko"] .css-du5cdv { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 152px; line-height: 122px; } @media (min-width: 768px) and (max-width: 1279px) { .css-du5cdv { font-size: 152px; line-height: 144px; } } @media (max-width: 767px) { .css-du5cdv { font-size: 92px; line-height: 80px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-du5cdv { font-size: 152px; line-height: 144px; } } @media (max-width: 767px) { html[lang="ja"] .css-du5cdv { font-size: 92px; line-height: 80px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-du5cdv { font-size: 152px; line-height: 144px; } } @media (max-width: 767px) { html[lang="ko"] .css-du5cdv { font-size: 92px; line-height: 80px; } } .css-1p70znx { padding: 96px 40px 128px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1p70znx { padding: 128px 24px 128px; } } @media (max-width: 767px) { .css-1p70znx { padding: 128px 16px 128px; } } .css-mtxryq { max-width: 960px; } .css-mtxryq.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-mtxryq { max-width: 640px; } } @media (max-width: 767px) { .css-mtxryq { max-width: 600px; } } .css-1iuqw1o { color: #FFF; background-color: #FF7524; } .css-169r40m-width { width: 50%; } @media (max-width: 767px) { .css-169r40m-width { width: 100%; } } .css-1td5bda-width { width: 100%; } .css-1j0qarr-minHeight { min-height: 492px; } @media (max-width: 767px) { .css-1j0qarr-minHeight { min-height: 400px; } } @media (min-width: 1280px) { .css-1u179ux { padding: 40px 40px; } } @media (max-width: 767px) { .css-1o9k4zh { padding: 32px 24px; } } .css-yvlx-image { display: block; object-fit: contain; width: 460px; height: 210px; aspect-ratio: 460 / 210; } @media (min-width: 768px) and (max-width: 1279px) { .css-yvlx-image { width: 312px; height: 142px; object-fit: contain; aspect-ratio: 312 / 142; } } @media (max-width: 767px) { .css-yvlx-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 295 / 135; } } @media (min-width: 768px) and (max-width: 1279px) { .css-yvlx-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 460 / 210; } } .css-1xj7863-minHeight { min-height: 454px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1xj7863-minHeight { min-height: 508px; } } @media (max-width: 767px) { .css-1xj7863-minHeight { min-height: 404px; } } @media (min-width: 1280px) { .css-ct5alx { padding: 48px 40px; } } @media (min-width: 1280px) { .css-rqbqnu { grid-template-rows: none; grid-template-columns: 1fr 560px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-rqbqnu { grid-template-rows: 1fr; grid-template-columns: none; } } @media (max-width: 767px) { .css-rqbqnu { grid-template-rows: 1fr; grid-template-columns: none; } } .css-1590kd { max-width: 560px; } .css-1590kd.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1590kd { max-width: 560px; } } @media (max-width: 767px) { .css-1590kd { max-width: 560px; } } .css-19d38u5-image { display: block; object-fit: contain; width: 560px; height: 356px; aspect-ratio: 560 / 356; } @media (min-width: 768px) and (max-width: 1279px) { .css-19d38u5-image { width: 460px; height: 294px; object-fit: contain; aspect-ratio: 460 / 294; } } @media (max-width: 767px) { .css-19d38u5-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 295 / 188; } } @media (min-width: 768px) and (max-width: 1279px) { .css-19d38u5-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 560 / 356; } } .css-1vfm5lu-minHeight { min-height: 862px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1vfm5lu-minHeight { min-height: 702px; } } @media (max-width: 767px) { .css-1vfm5lu-minHeight { min-height: 512px; } } .css-n5f2yj { max-width: 680px; } .css-n5f2yj.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-n5f2yj { max-width: 560px; } } @media (max-width: 767px) { .css-n5f2yj { max-width: 680px; } } .css-1iscvf2-image { display: block; object-fit: contain; width: 1000px; height: 536px; aspect-ratio: 1000 / 536; } @media (min-width: 768px) and (max-width: 1279px) { .css-1iscvf2-image { width: 672px; height: 360px; object-fit: contain; aspect-ratio: 672 / 360; } } @media (max-width: 767px) { .css-1iscvf2-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 295 / 158; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1iscvf2-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1000 / 536; } } .css-1r3xeym { max-width: 480px; } .css-1r3xeym.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-1r3xeym { max-width: 315px; } } @media (max-width: 767px) { .css-1r3xeym { max-width: 600px; } } .css-5pqo9t { max-width: 1160px; } .css-5pqo9t.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-5pqo9t { max-width: 720px; } } @media (max-width: 767px) { .css-5pqo9t { max-width: 720px; } } .css-jh698k-width { width: 764px; } @media (min-width: 768px) and (max-width: 1279px) { .css-jh698k-width { width: 100%; } } @media (max-width: 767px) { .css-jh698k-width { width: 100%; } } .css-1vttc9u-width { width: 372px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1vttc9u-width { width: 348px; } } @media (max-width: 767px) { .css-1vttc9u-width { width: 100%; } } .css-1anqg9d-width { width: 370px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1anqg9d-width { width: 348px; } } @media (max-width: 767px) { .css-1anqg9d-width { width: 100%; } } .css-3oi7bd-width { width: 370px; } @media (min-width: 768px) and (max-width: 1279px) { .css-3oi7bd-width { width: 100%; } } @media (max-width: 767px) { .css-3oi7bd-width { width: 100%; } } .css-5x398z-gap { gap: 24px; } .css-1e3ef2e-minHeight { min-height: 500px; } @media (max-width: 767px) { .css-1e3ef2e-minHeight { min-height: 343px; } } @media (min-width: 1280px) { .css-1ezltnx { grid-template-rows: none; grid-template-columns: 1fr 263px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1ezltnx { grid-template-rows: none; grid-template-columns: 1fr 263px; } } @media (max-width: 767px) { .css-1ezltnx { grid-template-rows: 1fr; grid-template-columns: none; } } .css-omgmu2 { max-width: 180px; } .css-omgmu2.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-omgmu2 { max-width: 180px; } } @media (max-width: 767px) { .css-omgmu2 { max-width: 600px; } } .css-18a9tt7-image { display: block; object-fit: contain; width: 263px; height: 420px; aspect-ratio: 263 / 420; } @media (min-width: 768px) and (max-width: 1279px) { .css-18a9tt7-image { width: 263px; height: 420px; object-fit: contain; aspect-ratio: 263 / 420; } } @media (max-width: 767px) { .css-18a9tt7-image { width: 263px; height: 420px; object-fit: initial; aspect-ratio: 263 / 420; } } @media (min-width: 768px) and (max-width: 1279px) { .css-18a9tt7-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 263 / 420; } } .css-1wt02nr-minHeight { min-height: 500px; } @media (max-width: 767px) { .css-1wt02nr-minHeight { min-height: 400px; } } .css-16d5vco-image { display: block; object-fit: contain; width: 292px; height: 206px; aspect-ratio: 292 / 206; } @media (min-width: 768px) and (max-width: 1279px) { .css-16d5vco-image { width: 292px; height: 206px; object-fit: contain; aspect-ratio: 292 / 206; } } @media (max-width: 767px) { .css-16d5vco-image { width: 292px; height: 206px; object-fit: initial; aspect-ratio: 292 / 206; } } @media (min-width: 768px) and (max-width: 1279px) { .css-16d5vco-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 292 / 206; } } .css-4ffhhv-image { display: block; object-fit: contain; width: 290px; height: 207px; aspect-ratio: 290 / 207; } @media (min-width: 768px) and (max-width: 1279px) { .css-4ffhhv-image { width: 290px; height: 207px; object-fit: contain; aspect-ratio: 290 / 207; } } @media (max-width: 767px) { .css-4ffhhv-image { width: 290px; height: 207px; object-fit: initial; aspect-ratio: 290 / 207; } } @media (min-width: 768px) and (max-width: 1279px) { .css-4ffhhv-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 290 / 207; } } .css-1txb3k2-image { display: block; object-fit: contain; width: 168px; height: 106px; aspect-ratio: 168 / 106; } @media (min-width: 768px) and (max-width: 1279px) { .css-1txb3k2-image { width: 168px; height: 106px; object-fit: contain; aspect-ratio: 168 / 106; } } @media (max-width: 767px) { .css-1txb3k2-image { width: 168px; height: 106px; object-fit: initial; aspect-ratio: 168 / 106; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1txb3k2-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 168 / 106; } } .css-zcqwzb-image { display: block; object-fit: contain; width: 180px; height: 106px; aspect-ratio: 180 / 106; } @media (min-width: 768px) and (max-width: 1279px) { .css-zcqwzb-image { width: 180px; height: 106px; object-fit: contain; aspect-ratio: 180 / 106; } } @media (max-width: 767px) { .css-zcqwzb-image { width: 180px; height: 106px; object-fit: initial; aspect-ratio: 180 / 106; } } @media (min-width: 768px) and (max-width: 1279px) { .css-zcqwzb-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 180 / 106; } } .css-1vlyrcs-minHeight { min-height: 728px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1vlyrcs-minHeight { min-height: 545px; } } @media (max-width: 767px) { .css-1vlyrcs-minHeight { min-height: 394px; } } .css-2owl5n { max-width: 720px; } .css-2owl5n.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-2owl5n { max-width: 560px; } } @media (max-width: 767px) { .css-2owl5n { max-width: 600px; } } .css-onkpmc-image { display: block; object-fit: initial; width: 1080px; height: 490px; aspect-ratio: 1080 / 490; } @media (min-width: 768px) and (max-width: 1279px) { .css-onkpmc-image { width: 672px; height: 305px; object-fit: initial; aspect-ratio: 672 / 305; } } @media (max-width: 767px) { .css-onkpmc-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 295 / 134; } } @media (min-width: 768px) and (max-width: 1279px) { .css-onkpmc-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 490; } } .css-h292jc-image { display: block; object-fit: contain; width: 292px; height: 169px; aspect-ratio: 292 / 169; } @media (min-width: 768px) and (max-width: 1279px) { .css-h292jc-image { width: 292px; height: 169px; object-fit: contain; aspect-ratio: 292 / 169; } } @media (max-width: 767px) { .css-h292jc-image { width: 292px; height: 169px; object-fit: initial; aspect-ratio: 292 / 169; } } @media (min-width: 768px) and (max-width: 1279px) { .css-h292jc-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 292 / 169; } } .css-34mjlm-minHeight { min-height: 500px; } @media (min-width: 768px) and (max-width: 1279px) { .css-34mjlm-minHeight { min-height: 320px; } } @media (max-width: 767px) { .css-34mjlm-minHeight { min-height: 400px; } } .css-196xino-image { display: block; object-fit: contain; width: 185px; height: 92px; aspect-ratio: 185 / 92; } @media (min-width: 768px) and (max-width: 1279px) { .css-196xino-image { width: 185px; height: 92px; object-fit: contain; aspect-ratio: 185 / 92; } } @media (max-width: 767px) { .css-196xino-image { width: 185px; height: 92px; object-fit: initial; aspect-ratio: 185 / 92; } } @media (min-width: 768px) and (max-width: 1279px) { .css-196xino-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 185 / 92; } } .css-gy87k5-minHeight { min-height: 689px; } @media (min-width: 768px) and (max-width: 1279px) { .css-gy87k5-minHeight { min-height: 512px; } } @media (max-width: 767px) { .css-gy87k5-minHeight { min-height: 349px; } } .css-2v9d9a { background-color: #2592FA; } .css-2yr7nb-image { display: block; object-fit: contain; width: 1080px; height: 451px; aspect-ratio: 1080 / 451; } @media (min-width: 768px) and (max-width: 1279px) { .css-2yr7nb-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 672 / 280; } } @media (max-width: 767px) { .css-2yr7nb-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 295 / 123; } } @media (min-width: 768px) and (max-width: 1279px) { .css-2yr7nb-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 451; } } .css-1jrafvn-minHeight { min-height: 548px; } @media (max-width: 767px) { .css-1jrafvn-minHeight { min-height: 800px; } } .css-xivafm-minHeight { min-height: 548px; } @media (max-width: 767px) { .css-xivafm-minHeight { min-height: 400px; } } .css-vinr2k-image { display: block; object-fit: contain; width: 500px; height: 256px; aspect-ratio: 500 / 256; } @media (min-width: 768px) and (max-width: 1279px) { .css-vinr2k-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 312 / 161; } } @media (max-width: 767px) { .css-vinr2k-image { width: 295px; height: 152px; object-fit: initial; aspect-ratio: 295 / 152; } } @media (min-width: 768px) and (max-width: 1279px) { .css-vinr2k-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 500 / 256; } } .css-1e328ui-image { display: block; object-fit: contain; width: 500px; height: 246px; aspect-ratio: 500 / 246; } @media (min-width: 768px) and (max-width: 1279px) { .css-1e328ui-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 312 / 154; } } @media (max-width: 767px) { .css-1e328ui-image { width: 295px; height: 146px; object-fit: initial; aspect-ratio: 295 / 146; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1e328ui-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 500 / 246; } } .css-1331p50-minHeight { min-height: 662px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1331p50-minHeight { min-height: 483px; } } @media (max-width: 767px) { .css-1331p50-minHeight { min-height: 325px; } } .css-1lbo5n8-image { display: block; object-fit: contain; width: 1080px; height: 458px; aspect-ratio: 1080 / 458; } @media (min-width: 768px) and (max-width: 1279px) { .css-1lbo5n8-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 672 / 285; } } @media (max-width: 767px) { .css-1lbo5n8-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 295 / 125; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1lbo5n8-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 458; } } .css-1xuqups-minHeight { min-height: 548px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1xuqups-minHeight { min-height: 928px; } } @media (max-width: 767px) { .css-1xuqups-minHeight { min-height: 800px; } } .css-1t7ygmm-width { width: 684px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1t7ygmm-width { width: 100%; } } @media (max-width: 767px) { .css-1t7ygmm-width { width: 100%; } } .css-1a3yb1i-width { width: 476px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1a3yb1i-width { width: 100%; } } @media (max-width: 767px) { .css-1a3yb1i-width { width: 100%; } } .css-s2o9ao-minHeight { min-height: 548px; } @media (min-width: 768px) and (max-width: 1279px) { .css-s2o9ao-minHeight { min-height: 485px; } } @media (max-width: 767px) { .css-s2o9ao-minHeight { min-height: 400px; } } .css-zmeyr4 { max-width: 1200px; } .css-zmeyr4.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-zmeyr4 { max-width: 600px; } } @media (max-width: 767px) { .css-zmeyr4 { max-width: 600px; } } .css-8g88u6-image { display: block; object-fit: contain; width: 604px; height: 221px; aspect-ratio: 604 / 221; } @media (min-width: 768px) and (max-width: 1279px) { .css-8g88u6-image { width: 604px; height: 221px; object-fit: contain; aspect-ratio: 604 / 221; } } @media (max-width: 767px) { .css-8g88u6-image { width: 295px; height: 108px; object-fit: initial; aspect-ratio: 295 / 108; } } @media (min-width: 768px) and (max-width: 1279px) { .css-8g88u6-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 604 / 221; } } .css-1f25yen-minHeight { min-height: 548px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1f25yen-minHeight { min-height: 443px; } } @media (max-width: 767px) { .css-1f25yen-minHeight { min-height: 400px; } } .css-q4hukj-image { display: block; object-fit: contain; width: 380px; height: 213px; aspect-ratio: 380 / 213; } @media (min-width: 768px) and (max-width: 1279px) { .css-q4hukj-image { width: 380px; height: 213px; object-fit: contain; aspect-ratio: 380 / 213; } } @media (max-width: 767px) { .css-q4hukj-image { width: 295px; height: 166px; object-fit: initial; aspect-ratio: 295 / 166; } } @media (min-width: 768px) and (max-width: 1279px) { .css-q4hukj-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 380 / 213; } } .css-yyz53l-minHeight { min-height: 674px; } @media (min-width: 768px) and (max-width: 1279px) { .css-yyz53l-minHeight { min-height: 271px; } } @media (max-width: 767px) { .css-yyz53l-minHeight { min-height: 119px; } } .css-1skxp1h-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 436; } @media (min-width: 768px) and (max-width: 1279px) { .css-1skxp1h-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 672 / 271; } } @media (max-width: 767px) { .css-1skxp1h-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 295 / 119; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1skxp1h-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 436; } } .css-1m03cv4 { flex-grow: 1; background-color: #111111; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 300ms; } .css-1xo4n4x-separatorInView .css-1m03cv4 { height: 0px; } @media (max-width: 767px) { .css-1m03cv4 { transition-delay: 200ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-1m03cv4 { height: 0px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-1m03cv4 { height: 0px; } } @media (max-width: 767px) { .css-1m03cv4:last-child { display: none; } } .css-1rp741k { flex-grow: 1; background-color: #111111; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 200ms; } .css-1xo4n4x-separatorInView .css-1rp741k { height: 21px; } @media (max-width: 767px) { .css-1rp741k { transition-delay: 100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-1rp741k { height: 16px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-1rp741k { height: 16px; } } @media (max-width: 767px) { .css-1rp741k:last-child { display: none; } } .css-1ijqz3x { flex-grow: 1; background-color: #111111; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 100ms; } .css-1xo4n4x-separatorInView .css-1ijqz3x { height: 42px; } @media (max-width: 767px) { .css-1ijqz3x { transition-delay: 0ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-1ijqz3x { height: 32px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-1ijqz3x { height: 32px; } } @media (max-width: 767px) { .css-1ijqz3x:last-child { display: none; } } .css-158l0cq { flex-grow: 1; background-color: #111111; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 0ms; } .css-1xo4n4x-separatorInView .css-158l0cq { height: 64px; } @media (max-width: 767px) { .css-158l0cq { transition-delay: -100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-158l0cq { height: 48px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-158l0cq { height: 32px; } } @media (max-width: 767px) { .css-158l0cq:last-child { display: none; } } @media (min-width: 1280px) { .css-1fc5dcl { grid-template-rows: none; grid-template-columns: 480px 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1fc5dcl { grid-template-rows: none; grid-template-columns: 321px 1fr; } } @media (max-width: 767px) { .css-1fc5dcl { grid-template-rows: 1fr; grid-template-columns: none; } } .css-1g0bxb1 { display: grid; grid-gap: 120px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1g0bxb1 { grid-gap: 40px; } } @media (max-width: 767px) { .css-1g0bxb1 { grid-gap: 40px; } } .css-vw1iji { padding-left: 0; padding-right: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-vw1iji { padding-left: 24px; padding-right: 24px; } } @media (max-width: 767px) { .css-vw1iji { padding-left: 16px; padding-right: 16px; } } .css-35lc3d { padding: 17px 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-35lc3d { padding: 13px 24px; } } @media (max-width: 767px) { .css-35lc3d { padding: 7px 16px; } } .css-dao4v9 { gap: 16px; } @media (min-width: 768px) and (max-width: 1279px) { .css-dao4v9 { gap: 12px; } } @media (max-width: 767px) { .css-dao4v9 { gap: 8px; } } .css-ccafnd { font-family: "Ahrefs"sans-serif; font-size: 32px; line-height: 34px; } html[lang="ja"] .css-ccafnd { font-family: "Ahrefs""Zen"sans-serif; font-size: 32px; line-height: 34px; } html[lang="ko"] .css-ccafnd { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 32px; line-height: 34px; } @media (min-width: 768px) and (max-width: 1279px) { .css-ccafnd { font-size: 24px; line-height: 26px; } } @media (max-width: 767px) { .css-ccafnd { font-size: 20px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-ccafnd { font-size: 24px; line-height: 26px; } } @media (max-width: 767px) { html[lang="ja"] .css-ccafnd { font-size: 20px; line-height: 24px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-ccafnd { font-size: 24px; line-height: 26px; } } @media (max-width: 767px) { html[lang="ko"] .css-ccafnd { font-size: 20px; line-height: 24px; } } .css-1uke2r4 { padding: 48px 40px 128px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1uke2r4 { padding: 40px 24px 64px; } } @media (max-width: 767px) { .css-1uke2r4 { padding: 32px 16px 64px; } } .css-vw0nyn-image { display: block; object-fit: contain; width: 1080px; height: 496px; aspect-ratio: 1080 / 496; } @media (min-width: 768px) and (max-width: 1279px) { .css-vw0nyn-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 496; } } @media (max-width: 767px) { .css-vw0nyn-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 496; } } @media (min-width: 768px) and (max-width: 1279px) { .css-vw0nyn-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 496; } } @media (min-width: 1280px) { .css-szqpjn { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-szqpjn { grid-template-rows: 1fr 1fr; grid-template-columns: none; } } @media (max-width: 767px) { .css-szqpjn { grid-template-rows: 1fr 1fr; grid-template-columns: none; } } .css-oshrl9 { height: 400px; } @media (min-width: 768px) and (max-width: 1279px) { .css-oshrl9 { height: 320px; } } @media (max-width: 767px) { .css-oshrl9 { height: 320px; } } @media (min-width: 1280px) { .css-urxi0l { padding: 12px 24px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1fqbsmy { padding: 12px 24px; } } @media (max-width: 767px) { .css-1wj1djd { padding: 8px 12px; } } @media (min-width: 1280px) { .css-ms559n { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } @media (min-width: 768px) and (max-width: 1279px) { .css-ms559n { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .css-ms559n { grid-template-rows: none; grid-template-columns: 1fr 1fr; } } .css-4u1d3t { padding-left: 60px; padding-right: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-4u1d3t { padding-left: 24px; padding-right: 24px; } } @media (max-width: 767px) { .css-4u1d3t { padding-left: 16px; padding-right: 16px; } } .css-5xo32i-image { display: block; object-fit: contain; width: 40px; height: 40px; aspect-ratio: 40 / 40; } @media (min-width: 768px) and (max-width: 1279px) { .css-5xo32i-image { width: 40px; height: 40px; object-fit: contain; aspect-ratio: 40 / 40; } } @media (max-width: 767px) { .css-5xo32i-image { width: 40px; height: 40px; object-fit: initial; aspect-ratio: 40 / 40; } } @media (min-width: 768px) and (max-width: 1279px) { .css-5xo32i-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 40 / 40; } } .css-ns6nx5-image { display: block; object-fit: contain; width: 128px; height: 128px; aspect-ratio: 128 / 128; } @media (min-width: 768px) and (max-width: 1279px) { .css-ns6nx5-image { width: 128px; height: 128px; object-fit: contain; aspect-ratio: 128 / 128; } } @media (max-width: 767px) { .css-ns6nx5-image { width: 128px; height: 128px; object-fit: initial; aspect-ratio: 128 / 128; } } @media (min-width: 768px) and (max-width: 1279px) { .css-ns6nx5-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 128 / 128; } } .css-1tmce0r-sectionColor { --color-link: #FFF; background-color: #FF7524; color: #FFF; } .css-1tvf2ws { flex-grow: 1; background-color: #E5E5E5; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 300ms; } .css-1xo4n4x-separatorInView .css-1tvf2ws { height: 0px; } @media (max-width: 767px) { .css-1tvf2ws { transition-delay: 200ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-1tvf2ws { height: 0px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-1tvf2ws { height: 0px; } } @media (max-width: 767px) { .css-1tvf2ws:last-child { display: none; } } .css-lugs96 { flex-grow: 1; background-color: #E5E5E5; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 200ms; } .css-1xo4n4x-separatorInView .css-lugs96 { height: 21px; } @media (max-width: 767px) { .css-lugs96 { transition-delay: 100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-lugs96 { height: 16px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-lugs96 { height: 16px; } } @media (max-width: 767px) { .css-lugs96:last-child { display: none; } } .css-15alyw3 { flex-grow: 1; background-color: #E5E5E5; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 100ms; } .css-1xo4n4x-separatorInView .css-15alyw3 { height: 42px; } @media (max-width: 767px) { .css-15alyw3 { transition-delay: 0ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-15alyw3 { height: 32px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-15alyw3 { height: 32px; } } @media (max-width: 767px) { .css-15alyw3:last-child { display: none; } } .css-1lp6g3j { flex-grow: 1; background-color: #E5E5E5; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 0ms; } .css-1xo4n4x-separatorInView .css-1lp6g3j { height: 64px; } @media (max-width: 767px) { .css-1lp6g3j { transition-delay: -100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-1lp6g3j { height: 48px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-1lp6g3j { height: 32px; } } @media (max-width: 767px) { .css-1lp6g3j:last-child { display: none; } } .css-1wzyk51-sectionColor { --color-link: #3A57FC; background-color: #E5E5E5; color: #000000; } .css-imhscf { max-width: 1080px; } .css-imhscf.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-imhscf { max-width: 768px; } } @media (max-width: 767px) { .css-imhscf { max-width: 768px; } } .css-880464-image { display: block; object-fit: contain; width: 480px; height: 318px; aspect-ratio: 480 / 318; } @media (min-width: 768px) and (max-width: 1279px) { .css-880464-image { width: 480px; height: 318px; object-fit: contain; aspect-ratio: 480 / 318; } } @media (max-width: 767px) { .css-880464-image { width: 480px; height: 318px; object-fit: initial; aspect-ratio: 480 / 318; } } @media (min-width: 768px) and (max-width: 1279px) { .css-880464-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 480 / 318; } } .css-1f9ye07-image { display: block; object-fit: contain; width: 640px; height: 318px; aspect-ratio: 640 / 318; } @media (min-width: 768px) and (max-width: 1279px) { .css-1f9ye07-image { width: 640px; height: 318px; object-fit: contain; aspect-ratio: 640 / 318; } } @media (max-width: 767px) { .css-1f9ye07-image { width: 640px; height: 318px; object-fit: initial; aspect-ratio: 640 / 318; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1f9ye07-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 640 / 318; } } .css-x8t0gc-image { display: block; object-fit: contain; width: 360px; height: 192px; aspect-ratio: 360 / 192; } @media (min-width: 768px) and (max-width: 1279px) { .css-x8t0gc-image { width: 360px; height: 192px; object-fit: contain; aspect-ratio: 360 / 192; } } @media (max-width: 767px) { .css-x8t0gc-image { width: 360px; height: 192px; object-fit: initial; aspect-ratio: 360 / 192; } } @media (min-width: 768px) and (max-width: 1279px) { .css-x8t0gc-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 360 / 192; } } .css-7a63k4-image { display: block; object-fit: contain; width: 480px; height: 346px; aspect-ratio: 480 / 346; } @media (min-width: 768px) and (max-width: 1279px) { .css-7a63k4-image { width: 480px; height: 346px; object-fit: contain; aspect-ratio: 480 / 346; } } @media (max-width: 767px) { .css-7a63k4-image { width: 480px; height: 346px; object-fit: initial; aspect-ratio: 480 / 346; } } @media (min-width: 768px) and (max-width: 1279px) { .css-7a63k4-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 480 / 346; } } .css-3bb439-image { display: block; object-fit: contain; width: 641px; height: 452px; aspect-ratio: 641 / 452; } @media (min-width: 768px) and (max-width: 1279px) { .css-3bb439-image { width: 641px; height: 452px; object-fit: contain; aspect-ratio: 641 / 452; } } @media (max-width: 767px) { .css-3bb439-image { width: 641px; height: 452px; object-fit: initial; aspect-ratio: 641 / 452; } } @media (min-width: 768px) and (max-width: 1279px) { .css-3bb439-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 641 / 452; } } .css-scws0u-image { display: block; object-fit: contain; width: 320px; height: 400px; aspect-ratio: 320 / 400; } @media (min-width: 768px) and (max-width: 1279px) { .css-scws0u-image { width: 320px; height: 400px; object-fit: contain; aspect-ratio: 320 / 400; } } @media (max-width: 767px) { .css-scws0u-image { width: 320px; height: 400px; object-fit: initial; aspect-ratio: 320 / 400; } } @media (min-width: 768px) and (max-width: 1279px) { .css-scws0u-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 320 / 400; } } .css-1w297c9 { display: flex; align-items: flex-end; height: 64px; background-color: #E5E5E5; } .css-1w297c9 css-sp6hf8-separatorWithVerticalOffset { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); margin-bottom: -64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1w297c9 { height: 48px; } } @media (max-width: 767px) { .css-1w297c9 { height: 32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1w297c9 css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -48px; } } @media (max-width: 767px) { .css-1w297c9 css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -32px; } } .css-10ekjyo-imageSrcSetter { } @media (max-width: 768px) { .css-10ekjyo-imageSrcSetter { content: url(/assets/esbuild/fix-issues-VX7WJYRE.png); } } @media (min-width: 768px) { .css-10ekjyo-imageSrcSetter { content: url(/assets/esbuild/fix-issues-VX7WJYRE.png); } } .css-11xzsxh-imageSrcSetter { } @media (max-width: 768px) { .css-11xzsxh-imageSrcSetter { content: url(/assets/esbuild/monitor-redirects-5FT7IXK2.png); } } @media (min-width: 768px) { .css-11xzsxh-imageSrcSetter { content: url(/assets/esbuild/monitor-redirects-5FT7IXK2.png); } } .css-yygbns-imageSrcSetter { } @media (max-width: 768px) { .css-yygbns-imageSrcSetter { content: url(/assets/esbuild/duplicate-content-ESLDJUVC.png); } } @media (min-width: 768px) { .css-yygbns-imageSrcSetter { content: url(/assets/esbuild/duplicate-content-ESLDJUVC.png); } } .css-7o6cm8-imageSrcSetter { } @media (max-width: 768px) { .css-7o6cm8-imageSrcSetter { content: url(/assets/esbuild/optimize-speed-YKTKYZ67.png); } } @media (min-width: 768px) { .css-7o6cm8-imageSrcSetter { content: url(/assets/esbuild/optimize-speed-YKTKYZ67.png); } } .css-e8a64s-imageSrcSetter { } @media (max-width: 768px) { .css-e8a64s-imageSrcSetter { content: url(/assets/esbuild/linking-suggestions-JGFY3CVZ.png); } } @media (min-width: 768px) { .css-e8a64s-imageSrcSetter { content: url(/assets/esbuild/linking-suggestions-JGFY3CVZ.png); } } .css-hx6cr2-imageSrcSetter { } @media (max-width: 768px) { .css-hx6cr2-imageSrcSetter { content: url(/assets/esbuild/export-issues-4HCAZ7MI.png); } } @media (min-width: 768px) { .css-hx6cr2-imageSrcSetter { content: url(/assets/esbuild/export-issues-4HCAZ7MI.png); } } .css-1py4ui9 { border-width: 0; height: 2px; background-color: #F4F5F6; } .css-1py4ui9::after { display: block; content: ' '; border-bottom: 2px solid rgba(0000.1); } .css-ywgvt4-imageSrcSetter { } @media (max-width: 768px) { .css-ywgvt4-imageSrcSetter { content: url(/assets/esbuild/slice-dice-crawled-data-WH32VUK4.png); } } @media (min-width: 768px) { .css-ywgvt4-imageSrcSetter { content: url(/assets/esbuild/slice-dice-crawled-data-WH32VUK4.png); } } .css-dcys1h-imageSrcSetter { } @media (max-width: 768px) { .css-dcys1h-imageSrcSetter { content: url(/assets/esbuild/details-panel-DQLDESBH.png); } } @media (min-width: 768px) { .css-dcys1h-imageSrcSetter { content: url(/assets/esbuild/details-panel-DQLDESBH.png); } } .css-3fcmjd-imageSrcSetter { } @media (max-width: 768px) { .css-3fcmjd-imageSrcSetter { content: url(/assets/esbuild/search-raw-html-F4UW5ACM.png); } } @media (min-width: 768px) { .css-3fcmjd-imageSrcSetter { content: url(/assets/esbuild/search-raw-html-F4UW5ACM.png); } } .css-3wvbko-imageSrcSetter { } @media (max-width: 768px) { .css-3wvbko-imageSrcSetter { content: url(/assets/esbuild/visualize-issues-QRQDX5GA.png); } } @media (min-width: 768px) { .css-3wvbko-imageSrcSetter { content: url(/assets/esbuild/visualize-issues-QRQDX5GA.png); } } .css-1k9y2ra-imageSrcSetter { } @media (max-width: 768px) { .css-1k9y2ra-imageSrcSetter { content: url(/assets/esbuild/rank-in-rich-results-5HLFCWU3.png); } } @media (min-width: 768px) { .css-1k9y2ra-imageSrcSetter { content: url(/assets/esbuild/rank-in-rich-results-5HLFCWU3.png); } } .css-1l3vf3d-imageSrcSetter { } @media (max-width: 768px) { .css-1l3vf3d-imageSrcSetter { content: url(/assets/esbuild/configure-crawl-LFSYM75O.png); } } @media (min-width: 768px) { .css-1l3vf3d-imageSrcSetter { content: url(/assets/esbuild/configure-crawl-LFSYM75O.png); } } .css-5ft6q5-imageSrcSetter { } @media (max-width: 768px) { .css-5ft6q5-imageSrcSetter { content: url(/assets/esbuild/structure-explorer-PG4IO7M7.png); } } @media (min-width: 768px) { .css-5ft6q5-imageSrcSetter { content: url(/assets/esbuild/structure-explorer-PG4IO7M7.png); } } .css-1spoxfs-imageSrcSetter { } @media (max-width: 768px) { .css-1spoxfs-imageSrcSetter { content: url(/assets/esbuild/integrate-studio-LFSJMFJY.png); } } @media (min-width: 768px) { .css-1spoxfs-imageSrcSetter { content: url(/assets/esbuild/integrate-studio-LFSJMFJY.png); } } .css-12ijlmh-imageSrcSetter { } @media (max-width: 768px) { .css-12ijlmh-imageSrcSetter { content: url(/assets/esbuild/crawl-staging-restricted-websites-NTVQAFMZ.png); } } @media (min-width: 768px) { .css-12ijlmh-imageSrcSetter { content: url(/assets/esbuild/crawl-staging-restricted-websites-NTVQAFMZ.png); } } .css-9wx2xn-imageSrcSetter { } @media (max-width: 768px) { .css-9wx2xn-imageSrcSetter { content: url(/assets/esbuild/crawl-mobile-GP7Q7P6A.png); } } @media (min-width: 768px) { .css-9wx2xn-imageSrcSetter { content: url(/assets/esbuild/crawl-mobile-GP7Q7P6A.png); } } .css-1wx4hyt-imageSrcSetter { } @media (max-width: 768px) { .css-1wx4hyt-imageSrcSetter { content: url(/assets/esbuild/segment-crawls-APATLX6Y.png); } } @media (min-width: 768px) { .css-1wx4hyt-imageSrcSetter { content: url(/assets/esbuild/segment-crawls-APATLX6Y.png); } } .css-1wug6t3-imageSrcSetter { } @media (max-width: 768px) { .css-1wug6t3-imageSrcSetter { content: url(/assets/esbuild/review-robots-Q5MQGHDY.png); } } @media (min-width: 768px) { .css-1wug6t3-imageSrcSetter { content: url(/assets/esbuild/review-robots-Q5MQGHDY.png); } } .css-g4dmlf-minHeight { min-height: 500px; } @media (min-width: 768px) and (max-width: 1279px) { .css-g4dmlf-minHeight { min-height: 100px; } } @media (max-width: 767px) { .css-g4dmlf-minHeight { min-height: 100px; } } @media (min-width: 1280px) { .css-p4jobi { padding: 96px 64px 40px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-tfw6aj { padding: 64px 40px 40px 64px; } } @media (max-width: 767px) { .css-iy6pqb { padding: 48px 16px 32px; } } .css-1xb1p7y { align-content: space-between; } @media (min-width: 768px) and (max-width: 1279px) { .css-1xb1p7y { align-content: flex-start; } } @media (max-width: 767px) { .css-1xb1p7y { align-content: flex-start; } } .css-1w32711 { display: grid; grid-gap: 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-1w32711 { grid-gap: 24px; } } @media (max-width: 767px) { .css-1w32711 { grid-gap: 40px; } } .css-10sg9lv { max-width: 375px; } .css-10sg9lv.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-10sg9lv { max-width: 375px; } } @media (max-width: 767px) { .css-10sg9lv { max-width: 600px; } } .css-5rtdw9-minHeight { min-height: 500px; } @media (max-width: 767px) { .css-5rtdw9-minHeight { min-height: 317px; } } .css-bp371r { align-content: center; } @media (min-width: 768px) and (max-width: 1279px) { .css-bp371r { align-content: center; } } @media (max-width: 767px) { .css-bp371r { align-content: flex-start; } } .css-17elvba { padding: 48px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-17elvba { padding: 40px 24px 64px; } } @media (max-width: 767px) { .css-17elvba { padding: 64px 16px 64px; } } @media (min-width: 1280px) { .css-7avuhb { grid-template-rows: none; grid-template-columns: 600px 360px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-7avuhb { grid-template-rows: none; grid-template-columns: auto auto; } } @media (max-width: 767px) { .css-7avuhb { grid-template-rows: auto auto; grid-template-columns: none; } } .css-o4sgws-imageBorder-ShadowWithInsetRounded { border-radius: 4px; box-shadow: 0 3px 0 0 rgba(0000.05)0 32px 96px 0 rgba(0000.1)0 8px 32px 0 rgba(0000.05)0 1px 0 0 rgba(2552552550.2) inset; } .css-1bomn3f-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 665; } @media (min-width: 768px) and (max-width: 1279px) { .css-1bomn3f-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 665; } } @media (max-width: 767px) { .css-1bomn3f-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 665; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1bomn3f-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 665; } } .css-17iqtal { flex-grow: 1; background-color: #3546E0; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 300ms; } .css-1xo4n4x-separatorInView .css-17iqtal { height: 0px; } @media (max-width: 767px) { .css-17iqtal { transition-delay: 200ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-17iqtal { height: 0px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-17iqtal { height: 0px; } } @media (max-width: 767px) { .css-17iqtal:last-child { display: none; } } .css-1pveln4 { flex-grow: 1; background-color: #3546E0; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 200ms; } .css-1xo4n4x-separatorInView .css-1pveln4 { height: 21px; } @media (max-width: 767px) { .css-1pveln4 { transition-delay: 100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-1pveln4 { height: 16px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-1pveln4 { height: 16px; } } @media (max-width: 767px) { .css-1pveln4:last-child { display: none; } } .css-1b63d8k { flex-grow: 1; background-color: #3546E0; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 100ms; } .css-1xo4n4x-separatorInView .css-1b63d8k { height: 42px; } @media (max-width: 767px) { .css-1b63d8k { transition-delay: 0ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-1b63d8k { height: 32px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-1b63d8k { height: 32px; } } @media (max-width: 767px) { .css-1b63d8k:last-child { display: none; } } .css-8xujd { flex-grow: 1; background-color: #3546E0; height: 0; transition-property: height; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.300.51); transition-delay: 0ms; } .css-1xo4n4x-separatorInView .css-8xujd { height: 64px; } @media (max-width: 767px) { .css-8xujd { transition-delay: -100ms; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1xo4n4x-separatorInView .css-8xujd { height: 48px; } } @media (max-width: 767px) { .css-1xo4n4x-separatorInView .css-8xujd { height: 32px; } } @media (max-width: 767px) { .css-8xujd:last-child { display: none; } } @media (min-width: 1280px) { .css-o4v9ip { padding: 0px 40px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1rxlak { padding: 0px 16px; } } .css-12s0nw6-imageBorder-RoundedOnly { border-radius: 4px; } .css-1kssu9-image { display: block; object-fit: contain; width: 1080px; height: 407px; aspect-ratio: 1080 / 407; } @media (min-width: 768px) and (max-width: 1279px) { .css-1kssu9-image { width: 672px; height: 253px; object-fit: contain; aspect-ratio: 672 / 253; } } @media (max-width: 767px) { .css-1kssu9-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 343 / 129; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1kssu9-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 407; } } .css-vyk8b8-imageSrcSetter { } @media (max-width: 768px) { .css-vyk8b8-imageSrcSetter { content: url(/assets/esbuild/2-dashboard-carousel-ZXYDYREO.png); } } @media (min-width: 768px) { .css-vyk8b8-imageSrcSetter { content: url(/assets/esbuild/2-dashboard-carousel-ZXYDYREO.png); } } .css-1ijr04v-imageSrcSetter { } @media (max-width: 768px) { .css-1ijr04v-imageSrcSetter { content: url(/assets/esbuild/3-dashboard-carousel-6N6RIQ6M.png); } } @media (min-width: 768px) { .css-1ijr04v-imageSrcSetter { content: url(/assets/esbuild/3-dashboard-carousel-6N6RIQ6M.png); } } .css-1lq9u94-imageSrcSetter { } @media (max-width: 768px) { .css-1lq9u94-imageSrcSetter { content: url(/assets/esbuild/1-dashboard-carousel-56SGBF3S.png); } } @media (min-width: 768px) { .css-1lq9u94-imageSrcSetter { content: url(/assets/esbuild/1-dashboard-carousel-56SGBF3S.png); } } .css-1sdjel9-imageSrcSetter { } @media (max-width: 768px) { .css-1sdjel9-imageSrcSetter { content: url(/assets/esbuild/4-dashboard-carousel-NZ57VT4T.png); } } @media (min-width: 768px) { .css-1sdjel9-imageSrcSetter { content: url(/assets/esbuild/4-dashboard-carousel-NZ57VT4T.png); } } .css-88kvqk-imageSrcSetter { } @media (max-width: 768px) { .css-88kvqk-imageSrcSetter { content: url(/assets/esbuild/5-dashboard-carousel-TMJGGQIS.png); } } @media (min-width: 768px) { .css-88kvqk-imageSrcSetter { content: url(/assets/esbuild/5-dashboard-carousel-TMJGGQIS.png); } } .css-3rdpdn-imageSrcSetter { } @media (max-width: 768px) { .css-3rdpdn-imageSrcSetter { content: url(/assets/esbuild/6-dashboard-carousel-HTIEROFG.png); } } @media (min-width: 768px) { .css-3rdpdn-imageSrcSetter { content: url(/assets/esbuild/6-dashboard-carousel-HTIEROFG.png); } } .css-2uzofq:after { content: ''; display: block; position: absolute; left: 4px; border-radius: 4px; min-width: 8px; max-width: 48px; height: 8px; background-color: #FFB528; } .css-lxcy43:before { background-color: rgba(2552552550.7); } .css-d9slfq:hover:before { width: 16px; height: 16px; background-color: #FFB528; } .css-1u3b040 { color: #FFF; background-color: rgba(2552552550.3); } .css-ogerjt-minHeight { min-height: 440px; } @media (max-width: 767px) { .css-ogerjt-minHeight { min-height: 400px; } } @media (min-width: 1280px) { .css-z61as7 { padding: 40px 32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1tm1njq { padding: 40px 32px; } } .css-dqn48x-image { display: block; object-fit: contain; width: 298px; height: 202px; aspect-ratio: 298 / 202; } @media (min-width: 768px) and (max-width: 1279px) { .css-dqn48x-image { width: 298px; height: 202px; object-fit: contain; aspect-ratio: 298 / 202; } } @media (max-width: 767px) { .css-dqn48x-image { width: 298px; height: 202px; object-fit: initial; aspect-ratio: 298 / 202; } } @media (min-width: 768px) and (max-width: 1279px) { .css-dqn48x-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 298 / 202; } } .css-bpqpcq-image { display: block; object-fit: contain; width: 296px; height: 205px; aspect-ratio: 296 / 205; } @media (min-width: 768px) and (max-width: 1279px) { .css-bpqpcq-image { width: 296px; height: 205px; object-fit: contain; aspect-ratio: 296 / 205; } } @media (max-width: 767px) { .css-bpqpcq-image { width: 296px; height: 205px; object-fit: initial; aspect-ratio: 296 / 205; } } @media (min-width: 768px) and (max-width: 1279px) { .css-bpqpcq-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 296 / 205; } } .css-1s9pvux-minHeight { min-height: 440px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1s9pvux-minHeight { min-height: 368px; } } @media (max-width: 767px) { .css-1s9pvux-minHeight { min-height: 400px; } } .css-1b9uix3-image { display: block; object-fit: contain; width: 296px; height: 180px; aspect-ratio: 296 / 180; } @media (min-width: 768px) and (max-width: 1279px) { .css-1b9uix3-image { width: 296px; height: 180px; object-fit: contain; aspect-ratio: 296 / 180; } } @media (max-width: 767px) { .css-1b9uix3-image { width: 296px; height: 180px; object-fit: initial; aspect-ratio: 296 / 180; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1b9uix3-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 296 / 180; } } .css-ojurdz { display: flex; align-items: flex-end; height: 64px; background-color: #3546E0; } .css-ojurdz css-sp6hf8-separatorWithVerticalOffset { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); margin-bottom: -64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-ojurdz { height: 48px; } } @media (max-width: 767px) { .css-ojurdz { height: 32px; } } @media (min-width: 768px) and (max-width: 1279px) { .css-ojurdz css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -48px; } } @media (max-width: 767px) { .css-ojurdz css-sp6hf8-separatorWithVerticalOffset { margin-bottom: -32px; } } .css-17trikk-image { display: block; object-fit: contain; width: 1080px; height: 449px; aspect-ratio: 1080 / 449; } @media (min-width: 768px) and (max-width: 1279px) { .css-17trikk-image { width: 720px; height: 299px; object-fit: contain; aspect-ratio: 720 / 299; } } @media (max-width: 767px) { .css-17trikk-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 343 / 142; } } @media (min-width: 768px) and (max-width: 1279px) { .css-17trikk-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 449; } } .css-zosh5i { display: grid; grid-gap: 40px; } @media (min-width: 768px) and (max-width: 1279px) { .css-zosh5i { grid-gap: 32px; } } @media (max-width: 767px) { .css-zosh5i { grid-gap: 32px; } } .css-fdpqpv-image { display: block; object-fit: contain; width: 1080px; height: 473px; aspect-ratio: 1080 / 473; } @media (min-width: 768px) and (max-width: 1279px) { .css-fdpqpv-image { width: 656px; height: 287px; object-fit: contain; aspect-ratio: 656 / 287; } } @media (max-width: 767px) { .css-fdpqpv-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 343 / 150; } } @media (min-width: 768px) and (max-width: 1279px) { .css-fdpqpv-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 473; } } .css-f0za3v-minHeight { min-height: 420px; } @media (min-width: 768px) and (max-width: 1279px) { .css-f0za3v-minHeight { min-height: 380px; } } @media (max-width: 767px) { .css-f0za3v-minHeight { min-height: 400px; } } @media (min-width: 1280px) { .css-37cpno { padding: 32px; } } .css-qy4yio { font-family: "Ahrefs"sans-serif; font-size: 24px; line-height: 26px; } html[lang="ja"] .css-qy4yio { font-family: "Ahrefs""Zen"sans-serif; font-size: 24px; line-height: 26px; } html[lang="ko"] .css-qy4yio { font-family: "Ahrefs""Pretendard"sans-serif; font-size: 24px; line-height: 26px; } @media (min-width: 768px) and (max-width: 1279px) { .css-qy4yio { font-size: 24px; line-height: 26px; } } @media (max-width: 767px) { .css-qy4yio { font-size: 20px; line-height: 22px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ja"] .css-qy4yio { font-size: 24px; line-height: 26px; } } @media (max-width: 767px) { html[lang="ja"] .css-qy4yio { font-size: 20px; line-height: 22px; } } @media (min-width: 768px) and (max-width: 1279px) { html[lang="ko"] .css-qy4yio { font-size: 24px; line-height: 26px; } } @media (max-width: 767px) { html[lang="ko"] .css-qy4yio { font-size: 20px; line-height: 22px; } } .css-1efnub8-image { display: block; object-fit: contain; width: 296px; height: 210px; aspect-ratio: 296 / 210; } @media (min-width: 768px) and (max-width: 1279px) { .css-1efnub8-image { width: 264px; height: 188px; object-fit: contain; aspect-ratio: 264 / 188; } } @media (max-width: 767px) { .css-1efnub8-image { width: 295px; height: 210px; object-fit: initial; aspect-ratio: 295 / 210; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1efnub8-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 296 / 210; } } .css-12qs989-image { display: block; object-fit: contain; width: 296px; height: 253px; aspect-ratio: 296 / 253; } @media (min-width: 768px) and (max-width: 1279px) { .css-12qs989-image { width: 264px; height: 225px; object-fit: contain; aspect-ratio: 264 / 225; } } @media (max-width: 767px) { .css-12qs989-image { width: 295px; height: 252px; object-fit: initial; aspect-ratio: 295 / 252; } } @media (min-width: 768px) and (max-width: 1279px) { .css-12qs989-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 296 / 253; } } .css-1wksfui-minHeight { min-height: 420px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1wksfui-minHeight { min-height: 300px; } } @media (max-width: 767px) { .css-1wksfui-minHeight { min-height: 400px; } } .css-6ib34q-image { display: block; object-fit: contain; width: 1080px; height: 380px; aspect-ratio: 1080 / 380; } @media (min-width: 768px) and (max-width: 1279px) { .css-6ib34q-image { width: 656px; height: 230px; object-fit: contain; aspect-ratio: 656 / 230; } } @media (max-width: 767px) { .css-6ib34q-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 327 / 115; } } @media (min-width: 768px) and (max-width: 1279px) { .css-6ib34q-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 380; } } .css-13g2ulk-image { display: block; object-fit: contain; width: 540px; height: 520px; aspect-ratio: 540 / 520; } @media (min-width: 768px) and (max-width: 1279px) { .css-13g2ulk-image { width: 540px; height: 520px; object-fit: contain; aspect-ratio: 540 / 520; } } @media (max-width: 767px) { .css-13g2ulk-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 343 / 330; } } @media (min-width: 768px) and (max-width: 1279px) { .css-13g2ulk-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 540 / 520; } } .css-tklqg-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 477; } @media (min-width: 768px) and (max-width: 1279px) { .css-tklqg-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 477; } } @media (max-width: 767px) { .css-tklqg-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 477; } } @media (min-width: 768px) and (max-width: 1279px) { .css-tklqg-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 477; } } .css-1q434fg-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 517; } @media (min-width: 768px) and (max-width: 1279px) { .css-1q434fg-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 517; } } @media (max-width: 767px) { .css-1q434fg-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 517; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1q434fg-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 517; } } .css-1tcxaos-imageBorder-None { } .css-175vneu-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 211; } @media (min-width: 768px) and (max-width: 1279px) { .css-175vneu-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 211; } } @media (max-width: 767px) { .css-175vneu-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 900; } } @media (min-width: 768px) and (max-width: 1279px) { .css-175vneu-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 211; } } .css-c5scoj { padding: 32px 40px 32px; } @media (min-width: 768px) and (max-width: 1279px) { .css-c5scoj { padding: 32px 24px 32px; } } @media (max-width: 767px) { .css-c5scoj { padding: 16px 16px 16px; } } .css-15mow8t { max-width: 840px; } .css-15mow8t.css-1b1gykb-limitedWidthContainerRelativePosition { position: relative; } @media (min-width: 768px) and (max-width: 1279px) { .css-15mow8t { max-width: 840px; } } @media (max-width: 767px) { .css-15mow8t { max-width: 720px; } } .css-kunmzn-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 634; } @media (min-width: 768px) and (max-width: 1279px) { .css-kunmzn-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 634; } } @media (max-width: 767px) { .css-kunmzn-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 634; } } @media (min-width: 768px) and (max-width: 1279px) { .css-kunmzn-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 634; } } .css-wa3klt-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 600; } @media (min-width: 768px) and (max-width: 1279px) { .css-wa3klt-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 600; } } @media (max-width: 767px) { .css-wa3klt-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 560 / 320; } } @media (min-width: 768px) and (max-width: 1279px) { .css-wa3klt-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 600; } } .css-a5xd8k-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 520; } @media (min-width: 768px) and (max-width: 1279px) { .css-a5xd8k-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 520; } } @media (max-width: 767px) { .css-a5xd8k-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 520; } } @media (min-width: 768px) and (max-width: 1279px) { .css-a5xd8k-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 520; } } .css-1x8p28o-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 493; } @media (min-width: 768px) and (max-width: 1279px) { .css-1x8p28o-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 493; } } @media (max-width: 767px) { .css-1x8p28o-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 493; } } @media (min-width: 768px) and (max-width: 1279px) { .css-1x8p28o-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 493; } } .css-azaudw-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 532; } @media (min-width: 768px) and (max-width: 1279px) { .css-azaudw-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 532; } } @media (max-width: 767px) { .css-azaudw-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 532; } } @media (min-width: 768px) and (max-width: 1279px) { .css-azaudw-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 532; } } .css-pt84y3-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 664; } @media (min-width: 768px) and (max-width: 1279px) { .css-pt84y3-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 664; } } @media (max-width: 767px) { .css-pt84y3-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 664; } } @media (min-width: 768px) and (max-width: 1279px) { .css-pt84y3-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 664; } } .css-68gkt0-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 599; } @media (min-width: 768px) and (max-width: 1279px) { .css-68gkt0-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 599; } } @media (max-width: 767px) { .css-68gkt0-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 599; } } @media (min-width: 768px) and (max-width: 1279px) { .css-68gkt0-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 599; } } .css-e993m3-image { display: block; object-fit: contain; width: 100%; height: auto; aspect-ratio: 1080 / 626; } @media (min-width: 768px) and (max-width: 1279px) { .css-e993m3-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 626; } } @media (max-width: 767px) { .css-e993m3-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 1080 / 626; } } @media (min-width: 768px) and (max-width: 1279px) { .css-e993m3-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 1080 / 626; } } .css-kpuarj { padding: 64px 40px 96px; } @media (min-width: 768px) and (max-width: 1279px) { .css-kpuarj { padding: 64px 24px 96px; } } @media (max-width: 767px) { .css-kpuarj { padding: 40px 16px 32px; } } .css-3q6tpn { padding: 64px 40px 0; } @media (min-width: 768px) and (max-width: 1279px) { .css-3q6tpn { padding: 64px 24px 0; } } @media (max-width: 767px) { .css-3q6tpn { padding: 40px 16px 0; } } .css-lhrnqi-boxVgap { margin-top: 24px; } .css-1evpyx1-boxGap { margin-left: 40px; } @media (max-width: 767px) { .css-1evpyx1-boxGap { margin-left: 32px; } } .css-158qy5t-inlineRowVgap { margin-top: -24px; } .css-15hy9p2-inlineRowGap { margin-left: -40px; } @media (max-width: 767px) { .css-15hy9p2-inlineRowGap { margin-left: -32px; } } .css-iipvxc-image { display: block; object-fit: contain; width: 800px; height: 467px; aspect-ratio: 800 / 467; } @media (min-width: 768px) and (max-width: 1279px) { .css-iipvxc-image { width: 100%; height: auto; object-fit: contain; aspect-ratio: 800 / 467; } } @media (max-width: 767px) { .css-iipvxc-image { width: 100%; height: auto; object-fit: initial; aspect-ratio: 800 / 467; } } @media (min-width: 768px) and (max-width: 1279px) { .css-iipvxc-image.css-9f58a5-imageTabletResponsive { width: 100%; height: auto; object-fit: contain; aspect-ratio: 800 / 467; } } .css-1fbpvg3 { justify-content: flex-end; } @media (min-width: 768px) and (max-width: 1279px) { .css-1fbpvg3 { justify-content: flex-end; } } @media (max-width: 767px) { .css-1fbpvg3 { justify-content: stretch; } } .css-c4d6ik { justify-items: end; } .css-1vkj1rv { display: grid; grid-gap: 48px; } @media (min-width: 768px) and (max-width: 1279px) { .css-1vkj1rv { grid-gap: 48px; } } @media (max-width: 767px) { .css-1vkj1rv { grid-gap: 64px; } } .css-ydaqdx { padding: 0 40px 64px; } @media (min-width: 768px) and (max-width: 1279px) { .css-ydaqdx { padding: 0 24px 64px; } } @media (max-width: 767px) { .css-ydaqdx { padding: 0 16px 48px; } }