.container{width:-moz-fit-content;width:fit-content}.container--border{position:relative}.container--border .content{position:relative;z-index:1;padding:8px 14px;-webkit-mask:linear-gradient(90deg,#888,#888),linear-gradient(90deg,#888,#888),linear-gradient(90deg,#888,#888),linear-gradient(90deg,#888,#888),linear-gradient(90deg,#888,#888);mask:linear-gradient(90deg,#888,#888),linear-gradient(90deg,#888,#888),linear-gradient(90deg,#888,#888),linear-gradient(90deg,#888,#888),linear-gradient(90deg,#888,#888);mask-position:left 12px top,left 4px top 4px,left top 8px,left 4px bottom 4px,left 12px bottom;-webkit-mask-position:left 12px top,left 4px top 4px,left top 8px,left 4px bottom 4px,left 12px bottom;-webkit-mask-size:calc(100% - 24px) 4px,calc(100% - 8px) 4px,100% calc(100% - 16px),calc(100% - 8px) 4px,calc(100% - 24px) 4px;mask-size:calc(100% - 24px) 4px,calc(100% - 8px) 4px,100% calc(100% - 16px),calc(100% - 8px) 4px,calc(100% - 24px) 4px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chakra-menu__menu-list .container--border .content{background:rgba(255,255,255)!important}.container--border.container--3dot:after{background:linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000);background-position:left 4px top 4px,left 4px top 8px,left 12px top,right 4px top 4px,right 4px top 8px,right top 8px,right 4px bottom 8px,right 4px bottom 4px,right 12px bottom,left 4px bottom 4px,left 4px bottom 8px,left bottom 8px;background-size:12px 4px,4px 4px,calc(100% - 24px) 4px,12px 4px,4px 4px,4px calc(100% - 16px),4px 4px,12px 4px,calc(100% - 24px) 4px,12px 4px,4px 4px,4px calc(100% - 16px);background-repeat:no-repeat}.container--border.container--2dot:after,.container--border.container--3dot:after{pointer-events:none;position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;content:""}.container--border.container--2dot:after{background:linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000),linear-gradient(90deg,#000,#000);background-position:left 4px top 4px,left 4px top,right 4px top 4px,right top 4px,right 4px bottom 4px,right 4px bottom,left 4px bottom 4px,left bottom 4px;background-size:4px 4px,calc(100% - 8px) 4px,4px 4px,4px calc(100% - 8px),4px 4px,calc(100% - 8px) 4px,4px 4px,4px calc(100% - 8px);background-repeat:no-repeat}.container--border.container--pinky.container--3dot:after{pointer-events:none;position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac);background-position:left 4px top 4px,left 4px top 8px,left 12px top,right 4px top 4px,right 4px top 8px,right top 8px,right 4px bottom 8px,right 4px bottom 4px,right 12px bottom,left 4px bottom 4px,left 4px bottom 8px,left bottom 8px;background-size:12px 4px,4px 4px,calc(100% - 24px) 4px,12px 4px,4px 4px,4px calc(100% - 16px),4px 4px,12px 4px,calc(100% - 24px) 4px,12px 4px,4px 4px,4px calc(100% - 16px);background-repeat:no-repeat}.container--border.container--pinky.container--2dot:after{pointer-events:none;position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac),linear-gradient(90deg,#e93cac,#e93cac);background-position:left 4px top 4px,left 4px top,right 4px top 4px,right top 4px,right 4px bottom 4px,right 4px bottom,left 4px bottom 4px,left bottom 4px;background-size:4px 4px,calc(100% - 8px) 4px,4px 4px,4px calc(100% - 8px),4px 4px,calc(100% - 8px) 4px,4px 4px,4px calc(100% - 8px);background-repeat:no-repeat}