.elementor-252 .elementor-element.elementor-element-465be048{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:7em;--padding-bottom:9em;--padding-left:0em;--padding-right:0em;}.elementor-252 .elementor-element.elementor-element-7f8a5941{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:20px 20px 20px 20px;--padding-top:5em;--padding-bottom:5em;--padding-left:5em;--padding-right:5em;}.elementor-252 .elementor-element.elementor-element-7f8a5941:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-7f8a5941 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hyperfocusnothing.com/wp-content/uploads/2024/11/Grid-2.png");background-position:center center;background-size:cover;}.elementor-252 .elementor-element.elementor-element-7f8a5941::before, .elementor-252 .elementor-element.elementor-element-7f8a5941 > .elementor-background-video-container::before, .elementor-252 .elementor-element.elementor-element-7f8a5941 > .e-con-inner > .elementor-background-video-container::before, .elementor-252 .elementor-element.elementor-element-7f8a5941 > .elementor-background-slideshow::before, .elementor-252 .elementor-element.elementor-element-7f8a5941 > .e-con-inner > .elementor-background-slideshow::before, .elementor-252 .elementor-element.elementor-element-7f8a5941 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, var( --e-global-color-f6ce02f ) 0%, var( --e-global-color-secondary ) 65%);}.elementor-252 .elementor-element.elementor-element-130990e7{text-align:center;}.elementor-252 .elementor-element.elementor-element-1d6f5285{text-align:center;color:var( --e-global-color-primary );}.elementor-252 .elementor-element.elementor-element-7dc35c8b{--display:flex;}.elementor-252 .elementor-element.elementor-element-7dc35c8b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-252 .elementor-element.elementor-element-35f0fca6.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-252 .elementor-element.elementor-element-22aaf982 > .elementor-container{max-width:1200px;}.elementor-252 .elementor-element.elementor-element-22aaf982{margin-top:0px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-252 .elementor-element.elementor-element-6c2daf9b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-252 .elementor-element.elementor-element-6c2daf9b > .elementor-element-populated{margin:0px 0px 0px 10px;--e-column-margin-right:0px;--e-column-margin-left:10px;}.elementor-252 .elementor-element.elementor-element-59c37c67{width:var( --container-widget-width, 48.063% );max-width:48.063%;--container-widget-width:48.063%;--container-widget-flex-grow:0;}.elementor-252 .elementor-element.elementor-element-59c37c67.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-252 .elementor-element.elementor-element-9b99b1d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:70px 70px;--row-gap:70px;--column-gap:70px;--padding-top:0em;--padding-bottom:7em;--padding-left:0em;--padding-right:0em;}.elementor-252 .elementor-element.elementor-element-fb407a0{--display:flex;}.elementor-252 .elementor-element.elementor-element-b8901f0 .elementor-heading-title{font-family:var( --e-global-typography-e5f7065-font-family ), Sans-serif;font-size:var( --e-global-typography-e5f7065-font-size );font-weight:var( --e-global-typography-e5f7065-font-weight );text-transform:var( --e-global-typography-e5f7065-text-transform );line-height:var( --e-global-typography-e5f7065-line-height );letter-spacing:var( --e-global-typography-e5f7065-letter-spacing );color:var( --e-global-color-d79e5ec );}.elementor-252 .elementor-element.elementor-element-e3020df{--display:flex;}.elementor-252 .elementor-element.elementor-element-56fa638f{--display:flex;}.elementor-252 .elementor-element.elementor-element-6c795e91{--n-accordion-title-font-size:var( --e-global-typography-c73bdb6-font-size );--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-border-radius:35px 35px 35px 35px;--n-accordion-title-normal-color:var( --e-global-color-accent );--n-accordion-title-hover-color:var( --e-global-color-accent );--n-accordion-title-active-color:var( --e-global-color-accent );--n-accordion-icon-size:23px;--n-accordion-icon-normal-color:var( --e-global-color-accent );--n-accordion-icon-active-color:var( --e-global-color-accent );}.elementor-252 .elementor-element.elementor-element-6c795e91 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-f6ce02f );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-252 .elementor-element.elementor-element-6c795e91 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-eabe6c8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-eabe6c8 );}:where( .elementor-252 .elementor-element.elementor-element-6c795e91 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:var( --e-global-color-f6ce02f );border-style:none;--padding-top:25px;--padding-right:30px;--padding-bottom:0px;--padding-left:30px;}.elementor-252 .elementor-element.elementor-element-6c795e91 {--n-accordion-padding:15px 30px 15px 30px;}:where( .elementor-252 .elementor-element.elementor-element-6c795e91 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-c73bdb6-font-family ), Sans-serif;font-weight:var( --e-global-typography-c73bdb6-font-weight );line-height:var( --e-global-typography-c73bdb6-line-height );}.elementor-252 .elementor-element.elementor-element-409a356{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-252 .elementor-element.elementor-element-55df5ac8 img{border-radius:20px 20px 20px 20px;}.elementor-252 .elementor-element.elementor-element-5481c51f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.75;}.elementor-252 .elementor-element.elementor-element-5481c51f::before, .elementor-252 .elementor-element.elementor-element-5481c51f > .elementor-background-video-container::before, .elementor-252 .elementor-element.elementor-element-5481c51f > .e-con-inner > .elementor-background-video-container::before, .elementor-252 .elementor-element.elementor-element-5481c51f > .elementor-background-slideshow::before, .elementor-252 .elementor-element.elementor-element-5481c51f > .e-con-inner > .elementor-background-slideshow::before, .elementor-252 .elementor-element.elementor-element-5481c51f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-252 .elementor-element.elementor-element-57bdbaab{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-d79e5ec );--border-color:var( --e-global-color-d79e5ec );--border-radius:20px 20px 20px 20px;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-252 .elementor-element.elementor-element-6bd0b138{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;}.elementor-252 .elementor-element.elementor-element-7b623300{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:center;}.elementor-252 .elementor-element.elementor-element-1d953cd7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:7em;--padding-bottom:7em;--padding-left:0em;--padding-right:0em;}.elementor-252 .elementor-element.elementor-element-389543ca{text-align:center;}.elementor-252 .elementor-element.elementor-element-389543ca .elementor-heading-title{font-family:var( --e-global-typography-e5f7065-font-family ), Sans-serif;font-size:var( --e-global-typography-e5f7065-font-size );font-weight:var( --e-global-typography-e5f7065-font-weight );text-transform:var( --e-global-typography-e5f7065-text-transform );line-height:var( --e-global-typography-e5f7065-line-height );letter-spacing:var( --e-global-typography-e5f7065-letter-spacing );color:var( --e-global-color-d79e5ec );}.elementor-252 .elementor-element.elementor-element-1f9a22cc{text-align:center;}.elementor-252 .elementor-element.elementor-element-3c30b2ec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-252 .elementor-element.elementor-element-5859b239{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:20px 20px 20px 20px;--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-252 .elementor-element.elementor-element-52871188.elementor-position-right .elementor-image-box-img{margin-left:10px;}.elementor-252 .elementor-element.elementor-element-52871188.elementor-position-left .elementor-image-box-img{margin-right:10px;}.elementor-252 .elementor-element.elementor-element-52871188.elementor-position-top .elementor-image-box-img{margin-bottom:10px;}.elementor-252 .elementor-element.elementor-element-52871188 .elementor-image-box-title{margin-bottom:5px;}.elementor-252 .elementor-element.elementor-element-52871188 .elementor-image-box-wrapper .elementor-image-box-img{width:36%;}.elementor-252 .elementor-element.elementor-element-52871188 .elementor-image-box-img img{border-radius:15px;transition-duration:0.3s;}.elementor-252 .elementor-element.elementor-element-52871188 .elementor-image-box-description{font-family:var( --e-global-typography-c9c78d0-font-family ), Sans-serif;font-size:var( --e-global-typography-c9c78d0-font-size );font-weight:var( --e-global-typography-c9c78d0-font-weight );line-height:var( --e-global-typography-c9c78d0-line-height );color:var( --e-global-color-text );}@media(min-width:768px){.elementor-252 .elementor-element.elementor-element-fb407a0{--width:50%;}.elementor-252 .elementor-element.elementor-element-409a356{--width:50%;}}@media(max-width:1024px){.elementor-252 .elementor-element.elementor-element-7f8a5941{--padding-top:3em;--padding-bottom:3em;--padding-left:3em;--padding-right:3em;}.elementor-252 .elementor-element.elementor-element-22aaf982{margin-top:0px;margin-bottom:0px;padding:80px 10px 80px 10px;}.elementor-252 .elementor-element.elementor-element-6c2daf9b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-252 .elementor-element.elementor-element-6c2daf9b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-252 .elementor-element.elementor-element-59c37c67{width:var( --container-widget-width, 361.688px );max-width:361.688px;--container-widget-width:361.688px;--container-widget-flex-grow:0;}.elementor-252 .elementor-element.elementor-element-9b99b1d{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-252 .elementor-element.elementor-element-fb407a0.e-con{--order:99999 /* order end hack */;}.elementor-252 .elementor-element.elementor-element-b8901f0 .elementor-heading-title{font-size:var( --e-global-typography-e5f7065-font-size );line-height:var( --e-global-typography-e5f7065-line-height );letter-spacing:var( --e-global-typography-e5f7065-letter-spacing );}.elementor-252 .elementor-element.elementor-element-6c795e91{--n-accordion-title-font-size:var( --e-global-typography-c73bdb6-font-size );}:where( .elementor-252 .elementor-element.elementor-element-6c795e91 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-c73bdb6-line-height );}.elementor-252 .elementor-element.elementor-element-57bdbaab{--padding-top:3em;--padding-bottom:3em;--padding-left:3em;--padding-right:3em;}.elementor-252 .elementor-element.elementor-element-6bd0b138{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-252 .elementor-element.elementor-element-7b623300{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-252 .elementor-element.elementor-element-389543ca .elementor-heading-title{font-size:var( --e-global-typography-e5f7065-font-size );line-height:var( --e-global-typography-e5f7065-line-height );letter-spacing:var( --e-global-typography-e5f7065-letter-spacing );}.elementor-252 .elementor-element.elementor-element-3c30b2ec{--flex-wrap:wrap;}.elementor-252 .elementor-element.elementor-element-52871188 .elementor-image-box-wrapper .elementor-image-box-img{width:71%;}.elementor-252 .elementor-element.elementor-element-52871188 .elementor-image-box-description{font-size:var( --e-global-typography-c9c78d0-font-size );line-height:var( --e-global-typography-c9c78d0-line-height );}}@media(max-width:767px){.elementor-252 .elementor-element.elementor-element-7f8a5941{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-252 .elementor-element.elementor-element-7dc35c8b{--width:308px;}.elementor-252 .elementor-element.elementor-element-35f0fca6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-22aaf982{margin-top:0px;margin-bottom:0px;padding:50px 5px 50px 5px;}.elementor-252 .elementor-element.elementor-element-59c37c67{width:var( --container-widget-width, 362px );max-width:362px;--container-widget-width:362px;--container-widget-flex-grow:0;}.elementor-252 .elementor-element.elementor-element-9b99b1d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-252 .elementor-element.elementor-element-fb407a0{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-252 .elementor-element.elementor-element-b8901f0{text-align:center;}.elementor-252 .elementor-element.elementor-element-b8901f0 .elementor-heading-title{font-size:var( --e-global-typography-e5f7065-font-size );line-height:var( --e-global-typography-e5f7065-line-height );letter-spacing:var( --e-global-typography-e5f7065-letter-spacing );}.elementor-252 .elementor-element.elementor-element-7b001756{text-align:center;}.elementor-252 .elementor-element.elementor-element-11f8bad0{text-align:center;}.elementor-252 .elementor-element.elementor-element-62867305{text-align:center;}.elementor-252 .elementor-element.elementor-element-281b02b3{text-align:center;}.elementor-252 .elementor-element.elementor-element-6c795e91{--n-accordion-title-font-size:var( --e-global-typography-c73bdb6-font-size );--n-accordion-icon-size:20px;}:where( .elementor-252 .elementor-element.elementor-element-6c795e91 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-c73bdb6-line-height );}.elementor-252 .elementor-element.elementor-element-57bdbaab{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-252 .elementor-element.elementor-element-6bd0b138{text-align:center;}.elementor-252 .elementor-element.elementor-element-7b623300{text-align:center;}.elementor-252 .elementor-element.elementor-element-389543ca{text-align:center;}.elementor-252 .elementor-element.elementor-element-389543ca .elementor-heading-title{font-size:var( --e-global-typography-e5f7065-font-size );line-height:var( --e-global-typography-e5f7065-line-height );letter-spacing:var( --e-global-typography-e5f7065-letter-spacing );}.elementor-252 .elementor-element.elementor-element-1f9a22cc{text-align:center;}.elementor-252 .elementor-element.elementor-element-52871188 .elementor-image-box-img{margin-bottom:10px;}.elementor-252 .elementor-element.elementor-element-52871188 .elementor-image-box-description{font-size:var( --e-global-typography-c9c78d0-font-size );line-height:var( --e-global-typography-c9c78d0-line-height );}}@media(max-width:1024px) and (min-width:768px){.elementor-252 .elementor-element.elementor-element-6c2daf9b{width:100%;}.elementor-252 .elementor-element.elementor-element-fb407a0{--width:100%;}.elementor-252 .elementor-element.elementor-element-409a356{--width:100%;}.elementor-252 .elementor-element.elementor-element-5859b239{--width:47.7%;}}/* Start custom CSS for facebook-page, class: .elementor-element-35f0fca6 *//* Center and prevent clipping */
.hfn-fb-wrap { max-width:500px; margin:0 auto; }

/* Make the inner iframe use the full 500px */
.hfn-fb-wrap .fb-page,
.hfn-fb-wrap .fb-page > span,
.hfn-fb-wrap .fb-page iframe,
.elementor-widget-facebook-page iframe {
  width:100% !important;
}

/* If your parent container is clipping */
.hfn-fb-wrap,
.hfn-fb-wrap * { overflow: visible !important; }
.elementor-widget-facebook-page .fb-page { max-width:500px !important; width:500px !important; }
/* Desktop/tablet: same as before */
@media (min-width:641px){
  .hfn-fb-wrap{ max-width:500px; margin:0 auto; }
  .elementor-widget-facebook-page .fb-page{ width:500px !important; max-width:500px !important; }
}

/* Mobile: scale the 500px iframe to the width you want */
@media (max-width:640px){
  .hfn-fb-wrap{
    --base: 500;        /* plugin’s native width */
    --target: 360;      /* ← desired mobile width in px (try 360) */
    --scale: calc(var(--target) / var(--base));
    display:flex; justify-content:center; overflow:hidden;
  }

  .hfn-fb-wrap .fb-page{
    width:400px !important;
    transform-origin: top center !important;
    transform: scale(var(--scale)) !important;
  }
  .hfn-fb-wrap .fb-page > span,
  .hfn-fb-wrap .fb-page iframe{ width:500px !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59c37c67 *//* ===== Knobby's Kids: Facebook Page card (palette, centered, no scrollbars) ===== */

/* Full-width card that uses the site palette */
.kk-fb-card{
  --kk-card-radius: var(--kk-radius, 12px);
  width:100%; max-width:100%;
  background: var(--kk-blue-050) !important;  /* kill any black bg */
  border:1px solid var(--kk-border);
  border-radius: var(--kk-card-radius);
  box-shadow: 0 12px 32px rgba(2,12,27,.08);
  padding: 16px 16px 20px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

/* brand accent bar */
.kk-fb-card::before{
  content:""; position:absolute; inset:0 0 auto 0; height:6px;
  background: linear-gradient(90deg, var(--kk-blue-500), var(--kk-blue-700));
}

/* Title in solid brand blue (no transparency) */
.kk-fb-title {
  color: var(--kk-blue-500) !important;   /* brand blue */
  opacity: 1 !important;                  /* ensure it’s not faded */
  text-align: center;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: clamp(1.25rem, 2.2vw, 1.6rem);
  margin: 12px 0 16px;
}
/* Force the FB title to render solid Knobby’s Blue */
.kk-fb-card h2.kk-fb-title,
.elementor-widget-html .kk-fb-card h2.kk-fb-title {
  color: #00A9E0 !important;   /* Knobby’s Kids Blue (hex value) */
  opacity: 1 !important;       /* kill transparency */
  filter: none !important;     /* just in case Elementor added filters */
  text-shadow: none !important;/* prevent washed-out effect */
}


/* Stage: centers the plugin at its hard max width */
.kk-fb-stage{
  display:grid; place-items:center;
  width:100%; max-width:100%;
}

/* Inner frame (white rounded box) */
.kk-fb-frame{
  background:#fff;
  border:1px solid var(--kk-border);
  border-radius: calc(var(--kk-card-radius) - 4px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  width:100%; max-width: 520px;      /* room for borders; plugin is 500px */
  overflow:hidden;
}

/* Make FB SDK output fluid and centered */
.kk-fb-frame .fb-page,
.kk-fb-frame .fb-page > span,
.kk-fb-frame .fb-page iframe{
  display:block !important;
  width:100% !important;
  max-width:500px !important;         /* FB max */
  margin:0 auto !important;
  border:0 !important;
  overflow:hidden !important;
}

/* Elementor sometimes adds odd min-widths */
.elementor-widget-html iframe{ min-width:0 !important; }

/* Mobile: give the card a bit more height room automatically (handled by JS too) */
@media (max-width:768px){
  .kk-fb-card{ padding:12px 12px 16px; }
}

/* Dark mode */
@media (prefers-color-scheme: dark){
  .kk-fb-card{
    background: color-mix(in oklab, var(--kk-navy, #0A3A5E) 18%, #000);
    border-color: color-mix(in oklab, #fff 12%, transparent);
    box-shadow: 0 10px 28px rgba(0,0,0,.55);
  }
  .kk-fb-title{ color: var(--kk-blue-100, #DFF6FD) !important; }
  .kk-fb-frame{
    background: color-mix(in oklab, #111 80%, #fff 20%);
    border-color: color-mix(in oklab, #fff 10%, transparent);
  }
}/* End custom CSS */